localStorage特性
- H5新特性
- 有域名限制,不存在作用域的概念
- 只有key-value
- 没有过期时间
- 浏览器关闭后数据不消失
sessionStorage特性
- ... 与localStorage大致相同,不同👇
- 有声明周期,浏览器关闭就消失
localStorage展示👇
添加数据
window.localStorage.setItem('name','Hope');
查看数据
window.localStorage.getItem('name');
查看当前浏览器的所有localStorage数据
window.localStorage
删除数据
window.localStorage.removeItem('name');
保存对象
window.localStorage.setItem('name',JSON.stringify({name:'Hope'}));
sessionStorage展示👇
添加数据
window.sessionStorage.setItem('age','23');
获取数据
window.sessionStorage.getItem('age');
获取当前浏览器的sessionStorage数据
window.sessionStorage
删除数据
window.sessionStorage.removeItem('age');
最后
关闭浏览器之后,sessionStorage的数据被清空了,localStorage的数据仍在