使用 HTML5 Web 存儲， 可以在本地存儲用戶的瀏覽數(shù)據(jù)。

在 HTML5 之前，本地存儲使用的是 cookie。

Web 存儲的優(yōu)勢

• 更加安全

• 更加快速

• 可以存儲大量的數(shù)據(jù)

• 每個服務(wù)器請求都不會發(fā)送存儲的數(shù)據(jù)

數(shù)據(jù)以 鍵/值 對存在, web網(wǎng)頁的數(shù)據(jù)只允許該網(wǎng)頁訪問使用。

Web 存儲對象有兩種類型：

• localStorage 

• sessionStorage 
  

localStorage 與 sessionStorage 的區(qū)別

localStorage 對象存儲的數(shù)據(jù)沒有時間限制。

sessionStorage 方法針對一個 session 進(jìn)行數(shù)據(jù)存儲。當(dāng)用戶關(guān)閉瀏覽器窗口后，數(shù)據(jù)會被刪除。

不管是 localStorage，還是 sessionStorage，可使用的API都相同，常用的有如下幾個（以localStorage為例）：

• 保存數(shù)據(jù)：localStorage.setItem(key,value);

• 讀取數(shù)據(jù)：localStorage.getItem(key);

• 刪除單個數(shù)據(jù)：localStorage.removeItem(key);

• 清除所有數(shù)據(jù)：localStorage.clear();

• 得到某個索引的key：localStorage.key(index);

 提示: 鍵/值對通常以字符串存儲，你可以按自己的需要轉(zhuǎn)換該格式。

localStorage.(); localStorage.setItem(,);