源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

详解web存储中的storage

  • 时间:2022-05-16 02:37 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:详解web存储中的storage
[b]web存储之storage[/b]         近期工作中使用的数据存储比较多,在工作之余写一篇关于存储的博客来加深自己的印象,希望大家多多批评指正。 [b]一、 web存储分为两种[/b],sessionStorage、localStorage; [b]二、 web存储的特性; [/b] 1.设置、读取方便 2.容量较大,sessionStorage约5M、localStorage约20M 3.可以直接存储字符串,对象存储依靠JSON.stringify() 编码后存储 4.window.sessionStorage  1)生命周期为关闭浏览器窗口 2)在同一个窗口下数据可以共享 5.window.localStorage 1)永久生效,除非手动删除 2)可以实现在同浏览器多窗口共享 [b]三、 web存储的兼容性;   [/b]  [img]http://files.jb51.net/file_images/article/201709/201794164631475.png?201784164644[/img] [b]四、 web存储的字符串操作api(sessionStorage 和 localStorage 操作api相同)[/b]  获得本地的存储            
window.localStorage.getItem( ‘age' )
 在本地存储一个键值对  
 window.localStorage.setItem( key,value )
 删除本地存储的一个值 
window.localStorage.removeItem( key )
 清空本地存储                
window.localStorage.clear()
 获取本地存储的key值   
 window.localStorage.key( index ) 
[b]五、 web存储的对象操作api [/b] 1、在本地存储一个对象
window.localStorage.setItem ('socketArr',JSON.stringify( { key:1 } ) );
 2、获得本地的存储的对象 
JSON.parse(localStorage.getItem ('socketArr') );
 如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部