摘要：存儲機制的目的是克服由帶來的一些限制，當數據需要被嚴格控制在客戶端上時，無需持續地將數據發回服務器。存儲數據讀取數據遍歷刪除數據清空全部數據要訪問一個對象，頁面必須來自同一個域名子域名無效，使用同一種協議，在同一個端口。

Web Storage的目的是克服由cookie帶來的一些限制，當數據需要被嚴格控制在客戶端上時，無需持續地將數據發回服務器。Web Storage的兩個主要目標是：

提供一種在cookie之外存儲會話數據的途徑

提供一種存儲大量可以跨會話存在的數據的機制

sessionStorage 是個全局對象，它維護著在頁面會話(page session)期間有效的存儲空間。只要瀏覽器開著，頁面會話周期就會一直持續。---> 當頁面重新載入或者被恢復時（關閉頁面又從歷史記錄中打開該頁面），頁面會話也是一直存在的。每當新標簽或者新窗口中打開一個新頁面，都會初始化一個新的會話（每個頁面都有自己的sessionStorage）。

存儲數據

sessionStorage.setItem("name","value");
sessionStorage.name = "value";

讀取數據

sessionStorage.getItem("name")
var name = sessionStorage.name

遍歷

for(var i=0, len = sessionStorage.length; i
刪除數據

delete sessionStorage.name
sessionStorage.removeItem("book")
清空全部數據

sessionStorage.clear()
localStorage
要訪問一個localStorage對象，頁面必須來自同一個域名(子域名無效)，使用同一種協議，在同一個端口。localStorage中存儲的數據具有持久性，除非手動調用相關方法或者用戶手動清理.
存儲數據

localStorage.setItem("name","value");
localStorage.name = "value";
讀取數據

localStorage.getItem("name")
var name = localStorage.name
遍歷

for(var i=0, len = localStorage.length; i
刪除數據

delete localStorage.name
localStorage.removeItem("book")
清空全部數據

localStorage.clear()
限制
localStorage和sessionStorage的容量大小大約為5MB