虚位以待(AD)
虚位以待(AD)
首页 > 网络编程 > JSP编程 > 详解web存储中的storage

详解web存储中的storage
类别:JSP编程   作者:码皇   来源:互联网   点击:

这篇文章主要介绍了详解web存储中的storage的相关资料,希望通过本文大家能彻底掌握理解这部分知识,需要的朋友可以参考下

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') );

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

相关热词搜索: web存储之storage web存储之storage的实例