本地存储的说明》

本地存储特性

数据存储在用户浏览器中
设置,读取方便,甚至页面刷新不丢失数据
容量较大,sessionStorage和localStorage约5M左右

localstorage

生命周期永久生效,除非手动删除,否则关闭页面也会存在
可以多窗口(页面)共享(同一浏览器可以共享)
以键值对的形式存储使用

存储数据:

localStorage.setItem(key,value)
localStorage.setItem('wang','22')

获取数据:

localStorage.getItem(key)

删除数据:

localStorage.removeItem(key)

拓展
存储复杂数据类型

本地只能存储字符串,无法存储复杂数据类型,需要将复杂数据类型转换成json字符串,在存储到本地

JSON.stringify(复杂数据类型)
//将复杂数据转换成json字符串,存储本地存储中
JSON.parse(json字符串)
//将json字符串转换成对象,取出时使用

例:

let obj={

}
localStorage.setItem('obj',JSON.stringify(obj))
JSON.parse(localStorage.setItem('obj',JSON.stringify(obj)))

sessionStorage

1.生命周期为关闭浏览器窗口
2.在同一个窗口(页面)下数据可以共享
3.以键值对的形式存储使用
4.用法跟localStorage基本相同

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值