本地瀏覽器緩存sessionStorage（臨時存儲） localStorage（長期存儲）的使用

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

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

2. 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");

}