## 一、概述 HTML5 定義了本地存儲規范 Web Storage ，Web Storage其實是HTML4 中 cookies存儲機制的一個改進版本；它提供了兩種存儲類型 API? sessionStorage 和 localStorage，二者的差異主要是數據的保存時長及數據的共享方式。 localStorage 一直存儲在本地，數據存儲是永久的，除非用戶或程序對其進行刪除操作； sessionStorage在會話期內有效，數據在瀏覽器關閉后自動刪除； >[danger] sessionStorage 瀏覽器支持情況同 localStorage，屬性和方法及使用方式也和 localStorage一致。 ## 二、接口 ``` localStorage.length 一個只讀的 length屬性。 可以知道 localStorage 中存儲著多少條數據 localStorage.setItem(key, val) 存儲一條數據 localStorage.getItem(key) 通過 key 獲取該條數據 localStorage.removeItem(key) 刪除一條數據 localStorage.clear() 清空所有 key/value 鍵值對 items ```