前端之本地存储(localStorage)

在HTML5中浏览器为了前端攻城狮的数据使用方便,提供了一个存储数据的空间,将数据永久性存储在客户端上,不主动删除就一直在浏览器上。言外之意就是说,存的多了,会导致浏览器很卡。本地存储也是使用键值对的形式进行存储的。
1,设置本地存储数据:

localStorage.setItem(键,值);

2,获取本地存储数据:

获取本地存储数据:

3,获取本地存储的数据条数:

localStorage.length

4,删除本地存储:

localStorage.removeItem(键);

5,清空本地存储:

localStorage.clear();

本地存储的特点:

1,也是按照域名存储的
2,存储的值是字符串类型,如果是数字,会自动转为字符串存储
3,键是唯一的(有就修改,没有就增加)
4,很多情况下需要存储对象,存储对象要先转为字符串存储(使用JSON.stringify()),取出来再转为json对象(使用JSON.parse())

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值