码迷,mamicode.com
首页 > 其他好文 > 详细

localstorage本地存储

时间:2016-10-29 07:42:16      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:完全   方法   情况   log   als   ora   清除   简单   console   

前段时间项目上用到了本地存储,所以研究看了下,在这做下笔记。

本地存储是一个window的一个属性,分别是localStoragesessionStorage,两者用法完全相同,只不过一个是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本地存储

标签:完全   方法   情况   log   als   ora   清除   简单   console   

原文地址:http://www.cnblogs.com/mapletao/p/6009872.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!