H5浏览器存储（localStorage和sessionStorage）

最新推荐文章于 2022-12-30 10:29:19 发布

choushi3877

最新推荐文章于 2022-12-30 10:29:19 发布

阅读量394

点赞数

文章标签： json

原文链接：https://my.oschina.net/ThreeTiger/blog/3079121

版权

1.localStorage是持久存储，sessionStorage是关闭窗口后失效

2.只能存储String类型字符串

3.localStorage的使用是遵循同源策略的，不同的网站直接是不能共用相同的localStorage，意思是在一个网站设置了localStorage的值，到另一个网站是不可以获取到的

常规操作：

//存
localStorage.setItem('obj',JSON.stringify({name:"xiaobai",age:13}));
//取
const obj = JSON.parse(localStorage.getItem("obj"));
//移除
localStorage.removeItem("obj ");
//清空
localStorage.clear();
//遍历键
Object.keys(window.localStorage).forEach(item => console.log(`${item}:${window.localStorage.getItem(item)}`));
//监听
window.addEventListener("storage",(e)=>{
console.log(e);
const key = e.key,oldval = e.oldValue,newval = e.newValue;
});

转载于:https://my.oschina.net/ThreeTiger/blog/3079121