HTML中LocalStorage详解
发布日期:2022-02-23 07:42:34 浏览次数:3 分类:技术文章

本文共 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的操作

发表评论

最新留言

关注你微信了!
[***.104.42.241]2023年05月21日 22时49分01秒

关于作者

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

最新文章