對瀏覽器來說，使用 Web Storage 存儲鍵值對比存儲 Cookie 方式更直觀，而且容量更大，它包含兩種：localStorage 和 sessionStorage

sessionStorage（臨時存儲） ：為每一個數據源維持一個存儲區域，在瀏覽器打開期間存在，包括頁面重新加載

localStorage（長期存儲） ：與 sessionStorage 一樣，但是瀏覽器關閉后，數據依然會一直存在

?

描述就不要了 上直接可用的項目實踐js代碼

　例1:　

//判斷瀏覽器存儲
if(window.localStorage){
// 定義一個容器
var storage=window.localStorage;
}

//簡單的切換欄位置
$(function () {
if(storage['postwo']===undefined || !window.localStorage){
var postwo = 0;
}else{
var postwo = storage['postwo'];
}
$('.swiper-slide.text-align-center.width25.c-pointer').eq(postwo).addClass('active');
$('.list-content').eq(postwo).css('display','block');
});
例2:
var info = '定義的數據'; localStorage.setItem('info', info);//存入數據 if(！window.localStorage){alert("瀏覽器不支持localstorage");return false;}else{var storage=window.localStorage;
　　　　　　　　/**
　　　　　　　　*三種方法寫入
　　　　　　　　*///寫入a字段storage["a"]=1;//寫入b字段storage.a=1;//寫入c字段storage.setItem("c",3);
console.log(typeof storage["a"]);console.log(typeof storage["b"]);console.log(typeof storage["c"]); 　　　　　　　　/**
　　　　　　　　*三種方法讀取
　　　　　　　　*/
　　　　　　　//第一種方法讀取var a=storage.a;console.log(a);//第二種方法讀取var b=storage["b"];console.log(b);//第三種方法讀取var c=storage.getItem("c");

}

轉載于:https://www.cnblogs.com/huangleilei/p/9110618.html

總結

以上是生活随笔為你收集整理的本地浏览器缓存sessionStorage（临时存储） localStorage（长期存储）的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。