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

Web Storage的目的是克服由cookie帶來(lái)的一些限制，當(dāng)數(shù)據(jù)需要被嚴(yán)格控制在客戶端上時(shí)，無(wú)需持續(xù)地將數(shù)據(jù)發(fā)回服務(wù)器。Web Storage的兩個(gè)主要目標(biāo)是：

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

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

sessionStorage 是個(gè)全局對(duì)象，它維護(hù)著在頁(yè)面會(huì)話(page session)期間有效的存儲(chǔ)空間。只要瀏覽器開(kāi)著，頁(yè)面會(huì)話周期就會(huì)一直持續(xù)。---> 當(dāng)頁(yè)面重新載入或者被恢復(fù)時(shí)（關(guān)閉頁(yè)面又從歷史記錄中打開(kāi)該頁(yè)面），頁(yè)面會(huì)話也是一直存在的。每當(dāng)新標(biāo)簽或者新窗口中打開(kāi)一個(gè)新頁(yè)面，都會(huì)初始化一個(gè)新的會(huì)話（每個(gè)頁(yè)面都有自己的sessionStorage）。

存儲(chǔ)數(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
要訪問(wèn)一個(gè)localStorage對(duì)象，頁(yè)面必須來(lái)自同一個(gè)域名(子域名無(wú)效)，使用同一種協(xié)議，在同一個(gè)端口。localStorage中存儲(chǔ)的數(shù)據(jù)具有持久性，除非手動(dòng)調(diào)用相關(guān)方法或者用戶手動(dòng)清理.
存儲(chǔ)數(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