js----本地存储

1. 本地存储特性

1. 数据存储在用户浏览器中
2. 设置、读取方便、甚至页面刷新不丢失数据

3. 容量较大

• sessionStorage 约 5M
• localStorage 约 20M

4. 只存储字符串，可以将对象 JSON.stringify()编码后存储

2. window.sessionStorage

1. 生命周期为关闭浏览器窗口（关闭该页面）
2. 在同一个窗口（页面）下数据可以共享

3. 以键值对的形式存储

在浏览器中查看 sessionStorage 存储的数据：

Application（应用） →Storage（存储） → SessionStorage（会话存储空间）

2.1 存储数据

sessionStorage.setItem(key, value); 

2.2 获取数据

sessionStorage.getItem(key); 

2.3 删除数据

sessionStorage.removeItem(key); 

2.4 删除所有数据

sessionStorage.clear(); 

3. window.localStorage

1. 生命周期永久生效，除非手动在浏览器中删除/调用sessionStorage.clear()，否则关闭浏览器也会存在
2. 可以多窗口（页面）共享

3. 以键值对的形式存储

3.1 存储数据

localStorage.setItem(key, value); 

3.2 获取数据

localStorage.getItem(key); 

3.3 删除数据

localStorage.removeItem(key); 

3.4 删除所有数据

localStorage.clear();

注意

读取一个不存在的属性得到的结果是null，JSON.parse(null)的结果也是null