sessionStorage和localStorage的使用

sessionStorage和localStorage都是前端瀏覽器端用於緩存數據的，

 

sessionStorage：會話級別緩存，是H5的新增的一個會話存儲對象，用於臨時保存同一標籤頁的數據，當關閉瀏覽器或標籤頁時，數據就會被刪除。
瀏覽器最低版本：IE八、chrome5

經常使用方法：
sessionStorage.length：返回存儲對象的數量；
sessionStorage.getItem(key):得到指定key的對應的值；
sessionStorage.set(key,value):添加或更新指定key的值；
sessionStorage.removeItem(key):刪除指定key的值；
sessionStorage.clear():清空對象中全部數據。

 

localStorage：本地級別存儲，永久性存儲，只要不人爲去清除都會存在，同一網站共享。也是H5新增的存儲對象
瀏覽器支持：IE八、chrome4，firefox三、opera10.5

經常使用方法：
判斷瀏覽器是否支持：

if(！window.localStorage){
            alert("瀏覽器不支持localstorage");
            return false;
        }

localStorage.setItem(key,value):添加或更新
localStorage.getItem(key):得到
localStorage.removeItem(key):刪除
localStorage.clear():清空

 

須要注意：這倆對象存儲的key和value都爲String類型，即便value存儲其餘類型的值，得到時都會返回字符串。