bom本地储存（附实例）

本地储存

随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常性的在本地存储大量的数据，HTML5规范提出了相关解决方案

本地存储的特性

数据存储在用户浏览器中
设置、读取方便、甚至页面花心不丢失数据
容量较大，sessionStorage约5M、localStorage约20M
只能存储字符串，可以将对象JSON.stringify()编码后储存

1.window.sessionStorage

生命周期为关闭浏览器窗口
在同一窗口（页面）下数据可以共享
以键值对的形式存储使用

存储数据

sessionStorage.setltem(key,value)

获取数据

sessionStorage.gettltem(key)

删除数据

sessionStorage.removeltem(key)

删除所有数据

sessionStorage.clear()

// 存储数据
sessionStorage.setItem('uname',val);
//当我们点击了之后。就可以把表单里面的值回去过来console.log(sessionStorage.getItem('uname'));
//删除某个指定键的数据
sessionStorage.removeItem('uname');//清除所有数据sessionStorage.clear();

2. window.localStorage

生命周期永久生效，除非手动删除，否则关闭页面也会存在
可以多窗口（页面）共享（同一浏览器共享）
以键值对的形式存储使用

存储数据

localStorage.setltem(key,value)

获取数据

localStorage.getltem(key)

删除数据

localstorage.removeltem(key)

删除所有数据

localStorage.clear()

bom本地储存（附实例）相关推荐

Windows WMIC命令使用详解(附实例)
第一次执行WMIC命令时,Windows首先要安装WMIC,然后显示出WMIC的命令行提示符.在WMIC命令行提示符上,命令以交互的方式执行执行"wmic"命令启动WMIC命令行环 ...
cpu显示无效查询 wmic_Windows WMIC命令使用详解(附实例)
执行"wmic"命令启动WMIC命令行环境.这个命令可以在XP或 .NET Server的标准命令行解释器(cmd.exe).Telnet会话或"运行"对话框中 ...
监控html页面数据获取失败,前端异常采集（附实例）
原标题:前端异常采集(附实例) 为什么要做前端代码异常采集?好问题! 为了用户能安心用产品,不至于时不时"卡壳"崩溃. 为了能高效定位线上代码的异常并提供简单提示信息. 为了程序猿 ...
视频文件大小计算方法（终极篇附实例）
图片原创 / 阿酷TONY / 2018-12-13 视频文件大小计算方法(终极篇附实例) 预估视频存储所需空间为视频服务器所需容量大小提供参考数值视频文件大小的计算视频文件大小计算公式:(音频 ...
微信小程序表单提交php存储,微信小程序实现form表单本地储存数据
本文实例为大家分享了微信小程序实现form表单本地储存数据的具体代码,供大家参考,具体内容如下效果图: 主要利用小程序的getStorage来实现异步本地储存. 小程序目录结构如下: 新建项目前,为 ...
【Web技术】1295- 总结一下前端本地储存方案
作者:星尘starx https://juejin.cn/post/6925311938419408904 引言 2022 年,如果你的前端应用,需要在浏览器上保存数据,有三个主流方案: Cookie ...
【Web技术】1101- 深入浅出前端本地储存
作者:星尘 https://www.yuque.com/starx/fe/oehz1m 引言 2021 年,如果你的前端应用,需要在浏览器上保存数据,有三个主流方案: Cookie Web Stora ...
vuex结合php,vuex中store的使用介绍（附实例）
本篇文章给大家带来的内容是关于vuex中store的使用介绍(附实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.状态管理(vuex)简介 vuex是专为vue.js应用程序 ...
php xml对象解析_php解析xml 的四种简单方法(附实例)
XML处理是开发过程中经常遇到的,PHP对其也有很丰富的支持,本文只是对其中某几种解析技术做简要说明,包括:Xml parser, SimpleXML, XMLReader, DOMDocument. ...
从零开始的AI·决策树原来这么好理解（附实例代码）
从零开始的AI系列从零开始的AI·机器学习の基本概念从零开始的AI·吃透kNN算法,学完我悟了(附实例代码) 从零开始的AI·朴素贝叶斯?拿来吧你(附实例代码) 文章目录从零开始的AI系列前言 ...

bom本地储存（附实例）

1.window.sessionStorage

2. window.localStorage

bom本地储存（附实例）相关推荐

最新文章

热门文章