localStorage
localStorage与sessionStorage区别:
localStorage的数据可以长期保留。
sessionStorage的数据,当前会话结束或者页面关闭,存储只sessionS中的数据会被清除。
局限
- 兼容性:IE8以上版本才有localStorage属性
- localStorage的值类型限定为String型,因此JSON对象需要转换
另外有说:
localStorage在浏览器隐藏模式下是不可读取的
这个有待验证
示例
普通示例
localStorage.setItem('myCat', 'Tom');//存
let cat = localStorage.getItem('myCat');//取
localStorage.removeItem('myCat');//删除某项
localStorage.clear();// 移除所有
JSON转换示例
localStorage.setItem(KEY, JSON.stringify(obj));//存
JSON.parse(localStorage.getItem(KEY) || []);//取
取key值
其实就是取对象的key值
- 【.】或【[]】来取
- in 运算符
- hasOwnProperty()