详细介绍web存储中的storage功能
发布时间：2023-06-12 13:36:42 所属栏目：教程 来源：
导读：我们在WEB开发过程中会使用到storage功能进行存储，但是它的解析非常复杂，因此在开发的时候给程序员带来了不便，下面错新技术频道小编详解web存储中的storage功能。
web存储之storage
近期工作中使用的数据
web存储之storage
近期工作中使用的数据
|
我们在WEB开发过程中会使用到storage功能进行存储，但是它的解析非常复杂，因此在开发的时候给程序员带来了不便，下面错新技术频道小编详解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') ); （编辑：聊城站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
