localstorage的使用

本文详细介绍了 LocalStorage 的基本操作,包括如何获取、设置、删除及遍历数据。此外还讲解了 LocalStorage 的特点,如不主动删除则数据永久保存,以及其在现代浏览器中的兼容性情况。

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

localstorage的使用

1.获取对象 [javascript] view plain copy var localstroage = window.localStorage;  

2.存储值 [javascript] view plain copy localstroage.setItem('openid','ksjhfkjajkdfjkszdjfksad');               localstroage.setItem('uid','10001');  

3.获取值 [javascript] view plain copy var openid = localstroage.getItem('openid');  

4.删除某个值 [javascript] view plain copy localstroage.removeItem('openid');  

5.删除所有值 [javascript] view plain copy localstroage.clear();  

6.遍历所有键值 [javascript] view plain copy localStorage.uid = 1;   localStorage.sex='nan';   localStorage.age = 23;   for ( var i = 0, len = localStorage.length; i < len; ++i ) {       console.log( localStorage.key( i ) +':' + localStorage.getItem(localStorage.key( i ))  );   }  

注意:

1.  如果不主动删除 localstorage  是不会自动清空的 不会像cookie一样清除             2.  localstorage 几乎支持大部分浏览器 不用考虑IE8 的问题 大小为 5M

写入字段有三种方式:

  • localStorage["a"]=1;

  • localStorage.b=1;

  • localStorage.setItem("c",3);

    读取字段也有三种方式:

  • var a= localStorage.a;

  • var b= localStorage["b"];

  • var c= localStorage.getItem("c");

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值