localStorage本地存储

开发者 2024-9-14 16:34:44 46 0 来自 中国
localStorage可以将第一次请求的数据直接存储到本地,这个相当于一个5m大小的针对于前端页面的数据库
基础语法
setItem() 修改本地存储的数据
getItem() 获取对应的本地存储
removeItem() 删除对应的本地存储
由于存储的数据类型限制 只能存储字符串类型数据 对象存进去就是object字符串.
需要存储的话需要序列化为json格式的字符串.
对象转换为json格式字符串 stringify()
var str = JSON.stringify(obj)
console.log(str)
json格式重新为对象方法 parse()
var obj = JSON.parse(localstorage.getitem(str))
总结 json格式字符串转对象 对象转json格式字符串 原对象不受影响
通过localStorage实现存储复杂数据(数组/ 对象)
同源策略
只要在同源的网站里 localstorage的数据是共享的
除非手动销毁数据
同时 我们还可以使用sessionStorage来达成本地存储
增删改查的语法和localstorage是一样的
存储类型也是字符串
不同页面之间不支持数据共享
浏览器关闭时数据就会清空 是临时存储
localStorage
1把数据存储到本地    localStorage.setItem("name", "value");
2/获取数据    localStorage.getItem("name")
3 删除指定数据    localStorage.removeItem("name");
4删除所有数据    localStorage.clear();
sessionStorage
1 把数据存储到本地   sessionStorage.setItem("name", "value");
2 获取数据   sessionStorage.getItem("name")
3删除指定数据   sessionStorage.removeItem("name");
4删除所有数据   sessionStorage.clear();
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-10-18 16:43, Processed in 0.160626 second(s), 32 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表