localStorage例子

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()