HTML5技术

localStorage - Cara_xiong

字号+ 作者:H5之家 来源:H5之家 2015-12-30 14:19 我要评论( )

HTML5中提供了localStorage对象可以将数据长期保存在客户端,直到人为清除。 localStorage提供了几个方法: 1、存储:localStorage.setItem(key,value) 如果key存在时,更新value 2、获取:localStorage.getItem(key) 如果key不存在返回null 3、删除:localSt

HTML5中提供了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。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • localStorage 如何存储JSON数据并读取JSON数据 - 陌年古城

    localStorage 如何存储JSON数据并读取JSON数据 - 陌年古城

    2017-02-13 18:00

  • sessionStorage 和 localStorage 、cookie - goumingming

    sessionStorage 和 localStorage 、cookie - goumingming

    2016-12-29 12:01

  • JavaScript_Html5_LocalStorage项目demo - 明lucky

    JavaScript_Html5_LocalStorage项目demo - 明lucky

    2016-12-07 12:00

  • 本地缓存localstorage使用 - 一只机智的猫

    本地缓存localstorage使用 - 一只机智的猫

    2016-09-23 10:00

网友点评