JS 中LocalStorage和SessionStorage的使用

最近因為項目上需要使用到客戶端存儲,所以稍微研究了一下,以下說說自己的理解和使用經驗

1.調用方法相同

各自都包含以下幾種操作:

//根據key獲取對應的值;
window.sessionStorage.getItem(key);
window.localStorage.getItem(key);
//新增key-value,若key已存在,則更新value;
window.sessionStorage.setItem(key,value);
window.localStorage.setItem(key,value);
//根據key移除對應的值
window.sessionStorage.removeItem(key);
window.localStorage.removeItem(key);
//移除全部key-value
window.sessionStorage.clear();
window.localStorage.clear();
//根據索引獲取對應key
window.sessionStorage.key(index);
window.localStorage.key(index);

2.生命周期不同

sessionStorage是人如其名,只針對當前session(會話)有效,關閉標簽頁即失效;

localStorage則不然,即使關閉了標簽頁甚至瀏覽器,依然存在,下次打開頁面時,依然可以直接使用,

　　但是要注意,清除瀏覽器緩存時,localStorage的內容也會清理掉;

3.數據共享

sessionStorage由于上述特性,也就不能夠在不同頁面之間進行數據共享,同一域名也是不可以的;

localStorage則能夠實現該需求,但是僅限于同一域名下;

總結

以上所述是小編給大家介紹的JS 中LocalStorage和SessionStorage的使用，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com