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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:安装dlib
下一篇:前台关于对json的操作

发表评论

最新留言

逛到本站,mark一下
[***.202.152.39]2024年03月09日 20时54分44秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

向mysql数据库中添加批量数据类型_使用JDBC在MySQL数据库中快速批量插入数据 2021-06-24
最全的mysql 5.7.13_最全的mysql 5.7.13 安装配置方法图文教程(linux) 强烈推荐! 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
mysql数据库 quota_shell脚本抓取用户存储quota写道mysql并展现到grafana面板 2019-04-21
idea测试连接mysql报错08001_IDEA连接MySQL错误 2019-04-21
layui导入模板数据_layui表格-template模板的三种用法 2019-04-21