1. 程式人生 > >localStorage和sessionStorage總結以及區別

localStorage和sessionStorage總結以及區別

數據 機制 clas bsp 傳遞 tor class 大小限制 img

(1)兼容的手機和瀏覽器:

技術分享

(2)使用

.setItem( key, value)存鍵值數據

sessionStorage.setItem("key","value");

localStorage.setItem("key","value");

.getItem(key)根據key獲取value

var value=sessionStorage.getItem("key");

var value=localStorage.getItem("key");

.removeItem(key)刪除指定鍵值

sessionStorage.removeItem("key");

localStorage.removeItem("key");

.clear()--清空所有

sessionStorage.clear();

localStorage.clear();

(3)cookie和localStorage和sessionStorage的區別

區別:cookie數據始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和服務器間來回傳遞。而sessionStorage和localStorage不會自動把數據發給服務器,僅在本地保存。cookie數據還有路徑(path)的概念,可以限制cookie只屬於某個路徑下。存儲大小限制也不同,cookie數據不能超過4k,同時因為每次http請求都會攜帶cookie,所以cookie只適合保存很小的數據,如會話標識。sessionStorage和localStorage 雖然也有存儲大小的限制,但比cookie大得多,可以達到5M或更大。數據有效期不同,sessionStorage:僅在當前瀏覽器窗口關閉前有效,自然也就不可能持久保持;localStorage:始終有效,窗口或瀏覽器關閉也一直保存,因此用作持久數據;cookie只在設置的cookie過期時間之前一直有效,即使窗口或瀏覽器關閉。作用域不同,sessionStorage不在不同的瀏覽器窗口中共享,即使是同一個頁面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知機制,可以將數據更新的通知發送給監聽者。Web Storage 的 api 接口使用更方便。

localStorage和sessionStorage總結以及區別