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

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