欢迎来到酱油妹!织梦模板,dede模板下载,织梦cms模板,免费网站模板下载站

酱油妹

WEB Storage的达成原理解析

企业模板

Web Storage功能,就是在Web上存储数据,分为两种:

localStorage:将数据保存在推广客户端当地的硬件设施中,即便浏览器关闭了,该数据仍然存在,下次打开浏览器访问网站时仍然可用

sessionStorage:将数据保存在session对象中。所谓session,是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这期间,session对象可用来保存在这期间内所需要保存的任何数据

HTML5中提供了localStorage对象可以将数据长期保存在推广客户端,直到人为清除。localStorage提供了几个办法:

不同:sessionStorage为临时保存,localStorage为永久保存

假如key存在时,更新value

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

2、获得:localStorage.getItem(key)

假如key没有返回null

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

3、删除:localStorage.removeItem(key)

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

HTML5中提供了localStorage对象可以将数据长期保存在推广客户端,直到人为清除。localStorage提供了几个办法:

假如key存在时,更新value

假如key没有返回null

2、获得:localStorage.getItem(key)

3、删除:localStorage.removeItem(key)

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

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

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

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

5、遍历localStorage存储的key

6、存储JSON格式数据

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

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

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

WEB  Storage的达成原理解析

下面是一个案列:


希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
作者:酱油妹 来源:www.jiangyoumei.com 关注: 时间:2021-03-25 02:54
版权声明:凡注明来源为www.jiangyoumei.com的均为本站原创,转载请注明来源。
本文网址:http://www.jiangyoumei.com/HTML/HTML5/20210325/11846.html
凡本站提供教程均已验证教程的准确性。
相关教程
在线客服

织梦模板 整站模板 新手教程 使用技巧