相思资源网 Design By www.200059.com

web存储之storage

        近期工作中使用的数据存储比较多,在工作之余写一篇关于存储的博客来加深自己的印象,希望大家多多批评指正。

一、 web存储分为两种,sessionStorage、localStorage;

二、 web存储的特性;

1.设置、读取方便

2.容量较大,sessionStorage约5M、localStorage约20M

3.可以直接存储字符串,对象存储依靠JSON.stringify() 编码后存储

4.window.sessionStorage 

1)生命周期为关闭浏览器窗口
2)在同一个窗口下数据可以共享

5.window.localStorage

1)永久生效,除非手动删除
2)可以实现在同浏览器多窗口共享

三、 web存储的兼容性;    

详解web存储中的storage

四、 web存储的字符串操作api(sessionStorage 和 localStorage 操作api相同)

 获得本地的存储            

window.localStorage.getItem( ‘age' )

 在本地存储一个键值对  

 window.localStorage.setItem( key,value )

 删除本地存储的一个值 

window.localStorage.removeItem( key )

 清空本地存储                

window.localStorage.clear()

 获取本地存储的key值   

 window.localStorage.key( index ) 

五、 web存储的对象操作api

1、在本地存储一个对象

window.localStorage.setItem ('socketArr',JSON.stringify( { key:1 } ) );

 2、获得本地的存储的对象 

JSON.parse(localStorage.getItem ('socketArr') );

 如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

标签:
web存储之storage,web存储之storage的实例详解,web存储之storage使用方法

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“详解web存储中的storage”

暂无详解web存储中的storage的评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。