js补充知识---本地存储

本地存储

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

---

window.sessionStorage

1. 生命周期为关闭浏览器窗口
2. 在同一个窗口下数据可以共享
3. 以键值对的形式存储使用

存储数据：

sessionStroage.setItem(key,value)

获取数据：

sessionStroage.getItem(key)

删除数据

sessionStroage.removeItem(key)

删除所有数据

sessionStroage.clear()

window.localStroage

1. 生命周期永久生效，除非手动删除，否则关闭页面也会存在
2. 可以多窗口共享（同一浏览器可以共享）
3. 以键值对的形式存储使用

存储数据：

localStroage.setItem(key,value)

获取数据：

localStroage.getItem(key)

删除数据

localStroage.removeItem(key)

删除所有数据

localStroage.clear()