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

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

提供一種在cookie之外存儲會話數(shù)據(jù)的途徑

提供一種存儲大量可以跨會話存在的數(shù)據(jù)的機制

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

存儲數(shù)據(jù)

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

讀取數(shù)據(jù)

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

遍歷

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

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

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

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

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

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

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

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