Web Storage的兩個主要目標：
提供一種在cookie之外儲存會話資料的途徑。
提供一種儲存大量可以跨會話存在的資料的機制。
最初的Web Storage規範包含了兩種物件的定義：sessionStorage和globalStorage。這兩個物件在支援的瀏覽器中都是以window物件屬性的形式存在的。
1.Storage
Storage型別提供最大的儲存空間來儲存名值對。storage的例項與其他物件類似，有如下方法：
clear():刪除所有值;Firefox中沒有實現。
getItem(name):根據指定的名字name獲取相應的值。
key(index):獲得index位置處的值的名字。
removeItem(name):刪除由name指定的名值對。
setItem(name,value):為指定的name設定一個對應的值。
還可以使用length屬性來判斷有多少名值對存放在Storage物件中。
2.sessionStorage
sessionStorage物件儲存特定於某個會話的資料，也就是改資料只保持到瀏覽器關閉。這個物件就像會話cookie，也會在瀏覽器關閉後消失。
因為seesionStorage物件繫結與某個伺服器會話，所以當檔案在本地執行的時候是不可用的。儲存在sessionStorage中的資料只能由最初給物件儲存資料的頁面訪問到，所以對多頁面應用有限制。
由於sessionStorage物件其實是Storage的一個例項，所以可以使用setItem()或者直接設定新的屬性來儲存資料。
例如：
sessionStorage.setItem('name','nicholas')sessionStorage.book = 'professional javascript'複製程式碼sessionStorage中游資料時，可以使用getItem()或者通過直接訪問屬性名來獲取資料。兩種方法的例子如下：
var name = sessionStorage.getItem('name');var book = sessionStorage.book複製程式碼還可以通過length屬性和key方法來迭代sessionStorage的值。首先通過key方法獲取指定位置上的名字，然後在通過getItem()找出對應該名字的值。
也可以用for-in迴圈來迭代sessionStorage的值。
要刪除sessionStorage中的資料，可以使用delete操作符，也可以呼叫removeItem方法
其中removeItem方法是相容各種瀏覽器的。
sessionStorage物件應該主要用於僅針對繪畫的小段資料的儲存。如果需要跨越會話儲存資料，那麼globalStorage或者localStorage更為合適。
3.globalStorage物件
globalStorage的目的是跨越會話儲存資料，但有特定的訪問限制。要使用globalStorage，首先要制定哪些域可以訪問改資料。可以通過方括號標記使用屬性來實現。例如下面例子：
//儲存資料globalStorage['wrox.com'].name = 'nicholas'//獲取資料var name = globalStorage['wrox.com'].name複製程式碼在這裡，訪問的是針對域名wrox.com的儲存空間。globalStorage物件不是Storage的例項，而具體的globalStorage[''wrox.com']才是。這個儲存空間對於wrox.com極其所有子域都是可以訪問的。也可以指定子域名。
對globalStorage空間的訪問，是依據發起請求的頁面的域名、協議和埠來限制的。例如，如果使用HTTPS協議在wrox.com中儲存了資料，那麼通過HTTP訪問的wrox.com的頁面就不能訪問該資料。同樣,不同埠間即使協議相同也不能共享資料。類似於ajax請求的同源策略。
如果實現不能確定域名，那麼使用location.host作為屬性名比較安全。
如果不適用removeItem()或者deletet刪除，或者使用者未清除瀏覽器快取，儲存在globalStorage屬性中的資料會一直保留在磁碟上， 這讓globalStorage非常適合在客戶端儲存文件或者長期儲存使用者偏好設定。
4.localStorage物件
localStorage作為持久儲存在客戶端資料的方案取代了globalStorage。與globalStorage不同，不能給localStorage指定任何訪問限制；規則實現就設定好了。要訪問同一個localStorage物件，頁面必須來自同一個域名（子域名無效），使用同一種協議，在同一個埠上。這相當於globalStorage[location.host]。
由於localStorage是Storage的例項，所以可以像使用sessionStorage一樣來使用它。
localStorage中的資料和儲存在globalStorage中的資料一樣，都遵循相同的規則：資料保留到通過JavaScript刪除或者是使用者請求瀏覽器快取。
5.storage事件
對Storage物件進項任何修改，都會在文件上觸發storage事件。這個事件的event物件有以下屬性：
domain：發生變化的儲存空間的域名。
key：設定或者刪除的鍵名。
newValue：如果是設定值，則是新值；如果是刪除鍵，則是null。
oldValue：鍵被修改之前的值。
無論對sessionStorage、globalStorage還是localStorage進行操作，都會觸發storage事件，但不做區分。
6.限制
localStorage大多數桌面瀏覽器會設定每個來源5mb的限制。
Chrome和Safari對每個來源的限制是2.5MB。而IOS版Safari和Android版WebKit都有限制，也都是2.5MB。IE8+和Opera對sessionStorage的限制是5MB。