JS 中LocalStorage和SessionStorage的使用
最近因為項目上需要使用到客戶端存儲,所以稍微研究了一下,以下說說自己的理解和使用經驗
1.調用方法相同
各自都包含以下幾種操作:
//根據(jù)key獲取對應的值; window.sessionStorage.getItem(key); window.localStorage.getItem(key); //新增key-value,若key已存在,則更新value; window.sessionStorage.setItem(key,value); window.localStorage.setItem(key,value); //根據(jù)key移除對應的值 window.sessionStorage.removeItem(key); window.localStorage.removeItem(key); //移除全部key-value window.sessionStorage.clear(); window.localStorage.clear(); //根據(jù)索引獲取對應key window.sessionStorage.key(index); window.localStorage.key(index);
2.生命周期不同
sessionStorage是人如其名,只針對當前session(會話)有效,關閉標簽頁即失效;
localStorage則不然,即使關閉了標簽頁甚至瀏覽器,依然存在,下次打開頁面時,依然可以直接使用,
但是要注意,清除瀏覽器緩存時,localStorage的內容也會清理掉;
3.數(shù)據(jù)共享
sessionStorage由于上述特性,也就不能夠在不同頁面之間進行數(shù)據(jù)共享,同一域名也是不可以的;
localStorage則能夠實現(xiàn)該需求,但是僅限于同一域名下;
總結
以上所述是小編給大家介紹的JS 中LocalStorage和SessionStorage的使用,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
JS函數(shù)arguments數(shù)組獲得實際傳參數(shù)個數(shù)的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫S函數(shù)arguments數(shù)組獲得實際傳參數(shù)個數(shù)的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
Javascript實現(xiàn)漢字和拼音互轉的終極方案
網上關于JS實現(xiàn)漢字和拼音互轉的文章很多,但是比較雜亂,有的不支持多音字、不支持聲調或者字典文件太大,無法根據(jù)實際需要滿足需求。這篇文章給大家修正整理網上的幾種常見方法,文章結尾還附簡單的JS拼音輸入法,本文對大家具有一定的參考借鑒價值,下面一起看看吧。2016-10-10

