您现在的位置:首页 >> 前端 >> 内容

使用localStrorage保存客户端数据

时间:2017/7/1 9:27:00 点击:

  核心提示:localStorage在HTML5规范中取代了globalStorage,与之不同的是,不能给localStorage指定任何访问规则,要访问同一个localStorage对象,页面必须来自同一个域...

localStorage在HTML5规范中取代了globalStorage,与之不同的是,不能给localStorage指定任何访问规则,要访问同一个localStorage对象,页面必须来自同一个域名,使用同一种协议,在同一个端口。

存储数据:
localStorage.setItem("key", "value")
获取数据:
localStorage.getItem("key")
删除某个数据
 localStorage.removeItem("key")
清空localStorage
 localStorage.clear()

还可以使用localStorage.length属性来获取当前localStorage的长度。

也可以通过属性方式来直接赋值或获取值
比如: localStorage.name = “allen”;

但这种方式有局限性,比如想设置length值为10,但是length属性属于localStorage,我们无法通过属性方式来直接设置,如之前所说,我们只能获取对象长度,而不能赋值,所以只能使用localStorage.setItem("length", 10)

还有一点不同是对于不存在的值得返回结果:
localStorage.notExist == undefined, 而 localStroage.getItem(“notExist”) == null

另外,localStorage存储形式以字符串形式存储,不论是数值类型还是布尔值还是对象,使用getItem方法来获取的时候返回的都是字符串,所以需要添加额外的处理函数,对于布尔值和对象可以使用JSON.stringify()和JSON.parse()来保存和获取,数值类型只需要简单的转化即可。

Tags:使用 用L LO OC 
作者:网络 来源:justforuse
  • 上一篇:echarts动态报表
  • 下一篇:flex布局