本地瀏覽器緩存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");

}