# 本地存储
本地存储特性 :
- 数据存储在用户浏览器中
- 设置，读取方便，甚至页面刷新不丢失数据
- 容量较大，sessionStorage 约 5M, localStorage 约 20M
- 只能存储字符串，可以将对象 JSON.stringify () 编码后存储
# window.sessionStorage
- 生命周期为关闭浏览器窗口
- 在同一个窗口 (页面) 下数据可以共享
- 以键值对的形式存储使用
| sessionStorage 常用方法 | 作用 |
|---|---|
| sessionStorage.setItem(key, value) | 通过键值对设置 sessionStorage 值 |
| sessionStorage.getItem(key) | 通过键获取值 |
| sessionStorage.remove(key) | 通过 key 删除键值对 |
| sessionStorage.clear() | 清空 sessionStorage |
# window.localStorage
- 声明周期永久生效，除非手动删除，否则关闭页面也会存在
- 可以多窗口 (页面) 共享 (同一浏览器可以共享)
- 以键值对的形式存储使用
| localStorage 常用方法 | 作用 |
|---|---|
| localStorage.setItem(key, value) | 通过键值对设置 localStorage 值 |
| localStorage.getItem(key) | 通过键获取值 |
| localStorage.remove(key) | 通过 key 删除键值对 |
| localStorage.clear() | 清空 localStorage |
