首页 > 代码库 > localstorage本地存储
localstorage本地存储
前段时间项目上用到了本地存储,所以研究看了下,在这做下笔记。
本地存储是一个window的一个属性,分别是localStorage和sessionStorage,两者用法完全相同,只不过一个是session是当页面关闭的时候就删除了,接下来说说它的用法。
1 设置值
localStorage.setItem("b","bc");
localStorage.a="a";
设置简单的字符串就可以通过上述方式设置,个人比较喜欢第一个。对于设置对象,则需要转化一下。
var a={name:"a",age:18}; localStorage.setItem("obj",JSON.stringify(a));
2 删除值
localStorage.removeItem("a");//清除a的值
localStorage.clear();//清除所有
3 获取
localStorage,getItem("a");//获取a的值
如果只是获取字符串的话,就上面这样的,如果获取的是个对象的或则还需要转化一下,
JSON.parse(localStorage.getItem("a"));
以上是在知道键值的情况下获取,在不知道的情况下,h5提供了keys()方法获取
for(var i=0;i<localStorage.length;i++){ console.log(localStorage.getItem(localStorage.key(i)))}
4 用处
可以用来永久保存属性,可以用来保存用户名和密码,可以用来在页面之间传递数据。
localstorage本地存储
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。