本地存储：sessionStorage 和 localStorage

1、本地存储

本地存储特性：

1. 数据存储在用户浏览器中。
2. 设置、读取方便、甚至页面刷新不丢失数据。
3. 容量较大，sessionStorage 约 5M、localStorage 约 20M。
4. 只能存储字符串，可以将对象 JSON.stringify() 编码后存储。

2、window.sessionStorage 和 window.localStorage

2.1 sessionStorage 和 localStorage 的区别

window.sessionStorage	window.localStorage
生命周期为关闭浏览器窗口	声明周期永久生效，除非手动删除，否则关闭页面也会存在
在同一个窗口(页面)下数据可以共享	可以多窗口（页面）共享（同一浏览器可以共享）
以键值对的形式存储使用	以键值对的形式存储使用

2.2 sessionStorage 和 localStorage 的方法

	sessionStorage	localStorage
存储数据：	sessionStorage.setItem(key, value)	localStorage.setItem(key, value)
获取数据：	sessionStorage.getItem(key)	localStorage.getItem(key)
删除数据：	sessionStorage.removeItem(key)	localStorage.removeItem(key)
删除所有数据：	sessionStorage.clear()	localStorage.clear()