最近因為項目上需要使用到客戶端存儲,所以稍微研究了一下,以下說說自己的理解和使用經驗
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-valuewindow.sessionStorage.clear();window.localStorage.clear();//根據索引獲取對應keywindow.sessionStorage.key(index);window.localStorage.key(index);
2.生命周期不同
sessionStorage是人如其名,只針對當前session(會話)有效,關閉標簽頁即失效;
localStorage則不然,即使關閉了標簽頁甚至瀏覽器,依然存在,下次打開頁面時,依然可以直接使用,
但是要注意,清除瀏覽器緩存時,localStorage的內容也會清理掉;
3.數據共享
sessionStorage由于上述特性,也就不能夠在不同頁面之間進行數據共享,同一域名也是不可以的;
localStorage則能夠實現該需求,但是僅限于同一域名下;
總結
以上所述是小編給大家介紹的JS 中LocalStorage和SessionStorage的使用，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
