HTML中LocalStorage详解
发布日期:2022-02-23 07:42:34
浏览次数:10
分类:技术文章
本文共 1096 字,大约阅读时间需要 3 分钟。
文章目录
存值
var user={ "name":"zhangsan","age":18}; function save(){ localStorage.setItem("user",JSON.stringify(user)); console.log("保存成功"); }
取值
function findUser(){ alert(localStorage.getItem("user")); }
删除
function removeUser() { localStorage.removeItem("user"); console.log("删除成功"); }
修改
function updateUser() { user.age++; localStorage.setItem("user",JSON.stringify(user)); console.log("修改成功"); }
storage事件
监听storage事件 一旦有localStorage发生改变 就会触发;
页面1:
页面2:
修改localStorage
为LocalStorage设置时间
localStorage原生是不支持设置过期时间的,想要设置的话,我们可以自己来封装一层逻辑
function setTimelocalStorage(key,value) { var cutime=new Date().getTime(); localStorage.setItem(key,JSON.stringify({ val:value,time:cutime})); } function getTimelocalStorage(key,exp) { //exp 是设置的过期时间 var dataobj =JSON.parse(localStorage.getItem(key)); if (new Data.getTime()-dataobj.time>=exp){ console.log("过期"); }else{ } }
原理:
存值的时候存附带一个设置的时间 取值的时候传一个过期时间(毫秒),和存的时候作比较,然后作相应的操作转载地址:https://blog.csdn.net/weixin_42780730/article/details/87075744 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2024年03月09日 20时54分44秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
向mysql数据库中添加批量数据类型_使用JDBC在MySQL数据库中快速批量插入数据
2021-06-24
mssql连接mysql数据库文件_在本地 怎么远程连接MSSQL数据库
2019-04-21
mssql 远程无法连接mysql_解决SQLServer远程连接失败的问题
2019-04-21
linux mysql c++编程_Linux下进行MYSQL的C++编程起步手记
2019-04-21
Maria数据库怎么复制到mysql_MySQL、MariaDB数据库的AB复制配置过程
2019-04-21
mysql5.6 icp mrr bak_【mysql】关于ICP、MRR、BKA等特性
2019-04-21
mysql utf8跟utf8mb4_MySQL utf8 和 utf8mb4 的区别
2019-04-21
docker mysql开机自启动_Docker学习4-学会如何让容器开机自启服务【坑】
2019-04-21
在mysql中删除表正确的是什么_在MySQL中删除表的操作教程
2019-04-21
mysql有3个共同好友_共同好友mysql
2019-04-21
代理查询 mysql_查询数据库代理设置
2019-04-21
mysql dif_mysqldiff实现MySQL数据表比较
2019-04-21
mysql 允许其他主机访问权限_允许其他主机访问本机MySQL
2019-04-21
druid不能close mysql连接_alibaba druid mysql连接问题
2019-04-21
mysql 设置按天分表_MySQL 优化实战记录
2019-04-21
java连接mysql 不推荐_java连接mysql
2019-04-21
idea测试连接mysql报错08001_IDEA连接MySQL错误
2019-04-21
layui导入模板数据_layui表格-template模板的三种用法
2019-04-21