H5浏览器存储(localStorage和sessionStorage)

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值