localstorage和sessionstorage使用記錄

通過閱讀各路大神對(duì)web存儲(chǔ)locastorage和sessionstorage的用法解析，自己試用了一下，在此留個(gè)備忘。

在項(xiàng)目中，如果用到很多次storage，要存儲(chǔ)很多數(shù)據(jù)，就要把它封裝成函數(shù)了：

（該函數(shù)系不知名大神所寫，如有侵犯原創(chuàng)，請(qǐng)聯(lián)系我……）

function setStorage(key,value){
 if(!window.localStorage){
 alert("瀏覽器不支持localstorage");
 return false;
 }else{
 var storage=window.localStorage;
 //寫入字段
 storage.setItem(key,value);
 }
 }
 function getStorage(key){
 if(!window.localStorage){
 alert("瀏覽器不支持localstorage");
 }else{
 var storage=window.localStorage;
 var key=storage.getItem(key);
// console.log(key);
 return key;
 }
}

setStorage是存儲(chǔ)數(shù)據(jù)的，key是指定的數(shù)據(jù)名稱，可以隨意起，但是一定要是字符串類型，否則瀏覽器自動(dòng)把值作為key的名字。

如圖 第一個(gè)值，就是key不是以字符串指定的，即沒有加雙引號(hào)。

value值字符串類型的也切記加雙引號(hào)。

在瀏覽器中如何查看storage？

較新版本的chrome瀏覽器，查看位置如圖：

在項(xiàng)目中如果多次調(diào)用同樣的存儲(chǔ)數(shù)據(jù)的函數(shù)，則數(shù)據(jù)會(huì)實(shí)時(shí)改變，如果需要清除所有存儲(chǔ)的數(shù)據(jù)：

localstorage.clear();或者sessionStorage.clear();

項(xiàng)目中使用的原則就是，哪個(gè)數(shù)據(jù)需要存儲(chǔ)，就用哪個(gè)數(shù)據(jù)調(diào)用存數(shù)數(shù)據(jù)的函數(shù)。

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注Gxl網(wǎng)其它相關(guān)文章！

推薦閱讀：

H5文件異步上傳

datalist輸入框與后臺(tái)數(shù)據(jù)庫數(shù)據(jù)的動(dòng)態(tài)匹配

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com