详解web存储中的storage

网络编程 2024/12/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.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存储的字符串操作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') );

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

标签：

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

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

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

2024年12月23日