建站
咨詢
售后
建站咨詢
新聞中心
這篇文章將為大家詳細講解有關(guān)localstorage和sessionstorage的使用方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
公司主營業(yè)務(wù)：成都網(wǎng)站制作、網(wǎng)站設(shè)計、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴(yán)謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出山陰免費做網(wǎng)站回饋大家。
通過閱讀各路大神對web存儲locastorage和sessionstorage的用法解析，自己試用了一下，在此留個備忘。
在項目中，如果用到很多次storage，要存儲很多數(shù)據(jù)，就要把它封裝成函數(shù)了：
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是存儲數(shù)據(jù)的，key是指定的數(shù)據(jù)名稱，可以隨意起，但是一定要是字符串類型，否則瀏覽器自動把值作為key的名字。
如圖 第一個值，就是key不是以字符串指定的，即沒有加雙引號。
value值字符串類型的也切記加雙引號。
在瀏覽器中如何查看storage？
較新版本的chrome瀏覽器，查看位置如圖：
在項目中如果多次調(diào)用同樣的存儲數(shù)據(jù)的函數(shù)，則數(shù)據(jù)會實時改變，如果需要清除所有存儲的數(shù)據(jù)：
localstorage.clear();或者sessionStorage.clear();
項目中使用的原則就是，哪個數(shù)據(jù)需要存儲，就用哪個數(shù)據(jù)調(diào)用存數(shù)數(shù)據(jù)的函數(shù)。
關(guān)于“l(fā)ocalstorage和sessionstorage的使用方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
網(wǎng)頁名稱：localstorage和sessionstorage的使用方法
文章網(wǎng)址：http://fisionsoft.com.cn/article/ggjcsd.html
