H5 web 存儲(chǔ)之 Webstorage

H5提供了兩種在客戶端存儲(chǔ)數(shù)據(jù)的方式：
localStorage 持久化的本地存儲(chǔ)（瀏覽器關(guān)閉重新打開數(shù)據(jù)依然存在）
sessionStorage 針對(duì)一個(gè)session的本地存儲(chǔ)
之前這些都是由cookie來完成的，cookie的特點(diǎn)是存儲(chǔ)量小，在服務(wù)器和客戶端之間來回
傳遞，傳輸效率不高。一般可以在判斷注冊的用戶是否登錄該本網(wǎng)站。
webStorage API 繼承于Window對(duì)象，并提供了兩個(gè)新的屬性
-Window.localStorage 和 Window.sessionStorage.
webStorage的優(yōu)勢：

1. 相比cookie存儲(chǔ)容量增加
2. 可以將請求的表單數(shù)據(jù)存于本地，減少http請求，節(jié)約帶寬
3. webStorage擁有易用的API

webStorage的局限性：

1. 不同瀏覽器webStorage 和LocalStorage的大小不統(tǒng)一。
2. 在瀏覽器的隱私模式下面是不可讀取的
3. 本質(zhì)上是對(duì)字符串的讀取，因此存儲(chǔ)內(nèi)容過多時(shí)頁面會(huì)變卡
4. 不能被爬蟲抓取到

使用webStorage
1.存儲(chǔ)數(shù)據(jù)：
localStorage.name = ’value’;
localStorage[’name’] = ’value’;
localStorage.setItem(’name’,’value’);
注意鍵和值總是字符串。建議使用webStorage API
(setItem,getItem,removeItem,key,length)
2.獲取數(shù)據(jù)：
var value = localStorage.getItem(’name’);
var value = localStorage.name;
var value = localStorage[’name’];
3.刪除數(shù)據(jù)：
清空所有數(shù)據(jù)
localStorage.clear();
刪除特定數(shù)據(jù)；
localStorage.removeItem(’name’);
4.檢測瀏覽器是否支持：
function storageAvailable(type) {
try {
var storage = window[type],
x = ’__storage_test__’;
storage.setItem(x, x);
storage.removeItem(x);
return true;
}
catch(e) {
return false;
}
}
if (storageAvailable(’localStorage’)) {
// Yippee! We can use localStorage awesomeness
}
else {
// Too bad, no localStorage for us
}
5.就是存儲(chǔ)對(duì)象了，我們需要進(jìn)行轉(zhuǎn)換為字符串存入，等到使用的時(shí)候取出再轉(zhuǎn)為對(duì)象。
var str = JSON.stringify(obj);
localStorage.mydata = str;
var obj = JSON.parse(localStorage.mydata);
到這里就結(jié)束了，算是對(duì)webStorage基本使用的一些小總結(jié)，希望可以對(duì)你有所幫助。

當(dāng)前名稱：H5 web 存儲(chǔ)之 Webstorage
當(dāng)前地址：http://m.kartarina.com/news38/166138.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站改版、企業(yè)建站、定制開發(fā)、網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)

廣告

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