本站停止维护,已转移至laravel学习网;欢迎大家移步访问!

HTML5 使用localStorage存储与操作

HTML5中提供了localStorage对象可以将数据长期保存在客户端,直到人为清除。解决前端登陆的问题,webapp中经常使用:

我们来总结localStorage实用的方法:

1、存储与更新:localStorage.setItem(key,value)

如果key存在时,更新value

2、获取存储:localStorage.getItem(key)

如果key不存在返回null

3、删除存储:localStorage.removeItem(key)

一旦删除,key对应的数据将会全部删除

4、全部清除:localStorage.clear()

某些时候使用removeItem逐个删除太麻烦,可以使用clear,执行的后果是会清除所有localStorage对象保存的数据

5、遍历localStorage存储的key

.length 数据总量,例:localStorage.length

.key(index) 获取key,例:var key=localStorage.key(index);

6、存储JSON格式数据

JSON.stringify(data)  将一个对象转换成JSON格式的数据串,返回转换后的串

JSON.parse(data) 将数据解析成对象,返回解析后的对象

备注:localStorage存数的数据是不能跨浏览器共用的,一个浏览器只能读取各自浏览器的数据,储存空间5M


转载请注明 :一沙网络原文出处:http://bbs.earnp.com/article/182
问题交流群 :562864481
0
打赏
发布时间 :2016-09-20 16:14:45
分享

0 个评论

    还没有评论,感觉来抢沙发吧!

要回复文章请先登录注册