JavaScript本地存储

本地存储

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

一、window.sessionStorage

1. 生命周期为关闭浏览器窗口
2. 在同一个窗口(页面)下数据可以共享
3. 以键值对的形式春初使用
4. 存储数据 sessionStorage.setltem(key,value);
5. 获取数据 sessionStorage.getltem(key);
6. 删除数据 sessionStorage.removeltem(key);
7. 删除所有数据 sessionStorage.clear();

二、window.localStorage

1. 声明周期为永久生效，除非手动删除否侧关闭页面也会存在
2. 可以多窗口(页面)共享(同一个浏览器可以共享)
3. 以键值对的形式存储
4. 存储数据 localStorage.setltem(key,value)
5. 获取数据 localStorage.getltem(key)
6. 删除数据 localStorage.removeltem(key)
7. 删除所有数据 localStorage.clear()