## 一、概述 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 ```