H5本地缓存

本文详细介绍了H5中localStorage和sessionStorage的使用方法及其区别。localStorage数据持久化存储,而sessionStorage仅在会话期间有效。文章还提供了如何设置有效时间的具体实现方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

H5本地存储:localStorage、sessionStorage

两种用法相似。

localStorage:不清除的情况下,会一直存在;

sessionStorage:会话关闭,就会消失。

方法介绍:setItem();、getItem();

比如:localStorage.setItem("key","value");sessionStorage.setItem("key","value");

  localStorage.getItem("key");sessionStorage.getItem("key");

也可以通这种方式设置值:localStorage.key = value;sessionStorage.key = value;

了解到这两种方式没有设置有效时间,可以添加时间判断,以至于达到设置有效时间。

1、在set值的时候,将时间一并保存:setItem("key",JSON.stringify({data:value,time:new Date().getTime()}))

2、取出存入的json数据中的时间:var dataObj = JSON.parse(getItem("key"));

3、获取当前时间进行比较:new Date().getTime() - dataObj.time > 指定时间


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值