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的实例详解  # web存储之storage使用方法  # 移动端使用localStorage缓存Js和css文的方法(web开发)  # android 中 webview 怎么用 localStorage  # android webview 中localStorage无效的解决方法  # HTML5 WebStorage(HTML5本地存储技术)  # 自己的  # 如有  # 两种  # 希望能  # 可以直接  # 可以实现  # 之余  # 谢谢大家  # 比较多  # 大家多多  # 键值  # 清空  # 写一篇  # 关闭浏览器  # 数据存储  # 疑问请  # 多窗口  # 近期  # 博客  # 在同一个 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： LinuxCD持续部署教程_自动发布与回滚机制  C++时间戳转换成日期时间的步骤和示例代码  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】  Laravel如何配置和使用缓存？（Redis代码示例）  Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践  谷歌Google入口永久地址_Google搜索引擎官网首页永久入口  如何确保西部建站助手FTP传输的安全性？  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  Python面向对象测试方法_mock解析【教程】  Laravel Debugbar怎么安装_Laravel调试工具栏配置指南  Laravel与Inertia.js怎么结合_使用Laravel和Inertia构建现代单页应用  详解CentOS6.5 安装 MySQL5.1.71的方法  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  IOS倒计时设置UIButton标题title的抖动问题  Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  php读取心率传感器数据怎么弄_php获取max30100的心率值【指南】  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  JavaScript如何实现路由_前端路由原理是什么  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  浅谈redis在项目中的应用  Laravel如何使用Collections进行数据处理？（实用方法示例）  浅析上传头像示例及其注意事项  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  如何在云指建站中生成FTP站点？  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  如何快速搭建二级域名独立网站？  Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】  Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  如何快速搭建支持数据库操作的智能建站平台？  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  Laravel如何实现数据库事务？（DB Facade示例）  Laravel API资源类怎么用_Laravel API Resource数据转换  HTML 中如何正确使用模板变量为元素的 name 属性赋值  EditPlus 正则表达式 实战(3)  如何在云服务器上快速搭建个人网站？  北京专业网站制作设计师招聘,北京白云观官方网站？  如何在建站主机中优化服务器配置？  在线教育网站制作平台,山西立德教育官网？  Laravel如何处理异常和错误？（Handler示例）  公司网站制作价格怎么算,公司办个官网需要多少钱？  Laravel如何使用Service Container和依赖注入？（代码示例）  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  JavaScript Ajax实现异步通信  微信公众帐号开发教程之图文消息全攻略  成都网站制作公司哪家好,四川省职工服务网是做什么用？