WebStorage概述和本地?cái)?shù)據(jù)庫(kù)是什么意思-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)Web Storage概述和本地?cái)?shù)據(jù)庫(kù)是什么意思，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),河南網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:河南等地區(qū)。河南做網(wǎng)站價(jià)格咨詢:18982081108

Web Storage概述

在HTML5中，除了Canvas元素之外，另一個(gè)新增的非常重要的功能是可以再客戶端本地保存數(shù)據(jù)的Web Storage功能，之前可以使用Cookies在客戶端

保存諸如用戶名等簡(jiǎn)單用戶信息，但通過(guò)長(zhǎng)期使用，人們發(fā)現(xiàn)使用Cookies存儲(chǔ)永久數(shù)據(jù)存在幾個(gè)問(wèn)題。

大小：Cookies的大小被限制在4KB
帶寬：Cookies是隨HTTP失誤一起被發(fā)送的，因此會(huì)浪費(fèi)一部分發(fā)送Cookies時(shí)使用的帶寬
復(fù)雜性：要正確的操縱Cookies是很困難的。

針對(duì)以上問(wèn)題，HTML5中，重新提供了一中在客戶端本地保存數(shù)據(jù)的功能，他就是Web Storage。

Web Storage功能。

顧名思義，Web Storage功能就是在Web上存儲(chǔ)數(shù)據(jù)的功能，這里的存儲(chǔ)是針對(duì)客戶端本地而言的。具體分為兩種：

sessionStorage：將數(shù)據(jù)保存在session對(duì)象中。session是指用戶在瀏覽某個(gè)網(wǎng)站時(shí)，從進(jìn)入網(wǎng)站到瀏覽器關(guān)閉所經(jīng)過(guò)的這段時(shí)間，也就是用戶瀏

覽這個(gè)網(wǎng)站所花費(fèi)的時(shí)間。session對(duì)象可以用來(lái)保存在這段時(shí)間內(nèi)所要保存的任何數(shù)據(jù)。

localStorage：將數(shù)據(jù)保存在客戶端本地的硬件設(shè)備（硬盤）中，即使瀏覽器被關(guān)閉了，該數(shù)據(jù)仍然存在，下一次打開瀏覽器訪問(wèn)網(wǎng)站時(shí)仍然可以

繼續(xù)使用。localstorage 是通過(guò)鍵值對(duì)來(lái)存儲(chǔ)的。

開發(fā)工具我使用HBuilder.exe

新建Test.html頁(yè)面，代碼如下：

Web Storage概述和本地?cái)?shù)據(jù)庫(kù)是什么意思

<html><head><title></title><meta charset="UTF-8" /><script type="text/javascript">function saveSessiontorage(id) {var targat = document.getElementById(id);var str = targat.value;
                sessionStorage.setItem("msg", str);
            }function getSessionStorage(id) {var targat = document.getElementById(id);var msg = sessionStorage.getItem("msg");
                targat.innerHTML = msg;
            }function saveLocalStorage(id) {var targat = document.getElementById(id);var str = targat.value;
                localStorage.setItem("msg", str);
            }function getLocalStorage(id) {var targat = document.getElementById(id);var msg = localStorage.getItem("msg");
                targat.innerHTML = msg;
            }</script></head><body><p id="msg"></p><input type="text" id="txt" /><input type="button" value="存儲(chǔ)數(shù)據(jù)" onclick="saveSessiontorage('txt')" /><input type="button" value="讀取數(shù)據(jù)" onclick="getSessionStorage('msg')" /><p id="msg1"></p><p>    <input type="text" id="txt1" /></p><input type="button" value="Local存儲(chǔ)數(shù)據(jù)" onclick="saveLocalStorage('txt1')" /><input type="button" value="Local讀取數(shù)據(jù)" onclick="getLocalStorage('msg1')" /></body></html>

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前題目：WebStorage概述和本地?cái)?shù)據(jù)庫(kù)是什么意思-創(chuàng)新互聯(lián)
文章源于：http://www.rwnh.cn/article38/dhhdsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、定制網(wǎng)站、服務(wù)器托管、網(wǎng)站維護(hù)、虛擬主機(jī)、品牌網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

WebStorage概述和本地?cái)?shù)據(jù)庫(kù)是什么意思-創(chuàng)新互聯(lián)

Web Storage概述

Web Storage功能。

Web Storage功能。