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