HTML5 web存儲

1、web存儲

HTML5提供了web存儲，能夠在客戶端存儲一些數據，這些數據僅在客戶端中保存，不參與和服務器的通訊，主要分爲如下兩種存儲：

localStorage ：生命週期是永久，除非用戶清除，不然這些信息將永久存在。

sessionStorage：僅在當前會話下有效，關閉瀏覽器後被清除。

不一樣瀏覽器沒法共享sessionStorage和localStorage中的信息。

相同瀏覽器不一樣頁面的localStorage能夠共享（遵循同源策略，跨域的不可），但不一樣頁面或標籤頁的sessionSorage沒法共享。頁面及標 籤頁僅指頂級窗口，若是一個標籤頁包含多個iframe標籤且他們屬於同源頁面，那麼他們之間是能夠共享sessionStorage的。

 

相關API接口，sessionStorage的API與此相似
 //設置一項，這裏的value是string，若是是數組或對象的須要使用JSON.stringfy()進行轉換
localStorage.setItem(key, value);   

//獲取 localStorage 項
let cat = localStorage.getItem(key);

//移除 localStorage 項
localStorage.removeItem(key);

//移除全部的 localStorage 項
localStorage.clear();

2、與cookie的區別

1.cookie須要參與到與服務器的通訊，會攜帶在HTTP頭中

2.cookie在過時時間以前一直有效，即便窗口關閉

 

參考http://www.javashuo.com/article/p-ktqjhggg-nb.html

MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/localStorage