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

在 HTML5 之前，本地存儲(chǔ)使用的是 cookie。

Web 存儲(chǔ)的優(yōu)勢(shì)

• 更加安全

• 更加快速

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

• 每個(gè)服務(wù)器請(qǐng)求都不會(huì)發(fā)送存儲(chǔ)的數(shù)據(jù)

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

Web 存儲(chǔ)對(duì)象有兩種類型：

• localStorage 

• sessionStorage 
  

localStorage 與 sessionStorage 的區(qū)別

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

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

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

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

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

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

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

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

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

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