localStorage

本文详细介绍了localStorage和sessionStorage这两种Web存储技术的区别。localStorage提供永久性的数据存储,而sessionStorage则仅在当前浏览器会话期间有效。文章还阐述了它们的作用域、存储容量及基本API操作。

localStorage

localStorage有效期是永久的。一般浏览器能存储的是5MB左右。sessionStorage API与localStorage相同。sessionStorage默认有效期是浏览器的回话时间(就是标签页关闭后消失)

localStorage作用域是协议,主机名、端口(只要不人为删除,会一直保存在设备中)
sessionStorage作用域是窗口、协议、主机名、端口。

localStorage是window上的一个js对象。

读取形式:
localStorage.name

添加/修改
localStorage.name = “xxx”
其中xxx只能是字符串的形式(目前支持为字符串),所以在存储时是JSON对象时,需要执行JSON.stringify,获取时需要执行JSON.parse

删除
delete localStorage.name

API
获取键值对数量

localStorage.length

读取

localStorage.getItem(‘name’)
localStorage.key(i)

添加/修改

localStorage.setItem(‘name’,’haha’)

删除对应键值

localStorage.removeItem(‘name’)

删除所有数据

localStorage.clear()

存储:localStorage.setItem(‘data’,JSON.stringify(data.body.data));
获取:JSON.parse(localStorage.getItem(‘data’));

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值