建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

JavaScript中localStorage的用法注意点介绍

时间:2019-08-12 16:43来源:PHP中文网 作者:猪哥 点击:
本篇文章给大家带来的内容是关于JavaScript中localStorage的用法注意点介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 localStorage提供了几个方法: 1、存储:localStorage.setItem(key,value) 如果key存在时,更新value 2、获取:lo
本篇文章给大家带来的内容是关于JavaScript中localStorage的用法注意点介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

 

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。

 

(责任编辑:yang)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片