h5-sessionStorage储存的使用
2024-10-08 17:24:24
<!--
sessionStorage的使用:存储数据到本地。存储的容量5mb左右
1.这个数据本质是储存在当前页面的内存中
2.他的生命周期为关闭当前页面,关闭页面,数据会自动清楚 setTtem(key,value):存储数据,以键值对的方式储存
getItem(key):获取数据,通过制定名称的key获取对应的value值
removeItme(key):删除数据,通过制定名称key删除对应的值
clear():清空所有存储的内容
-->
<input type="text" id="username"><br/>
<input type="button" value="设置数据" id="setData"><br/>
<input type="button" value="获取数据" id="getData"><br/>
<input type="button" value="删除数据" id="removeData"><br/> <script>
/*存储数据*/
document.querySelector("#setData").onclick=function () {
var name = document.querySelector("#username").value;
window.sessionStorage.setItem("userName",name);
}
/*获取数据*/
document.querySelector("#getData").onclick=function () {
/*如果找不到对应名称的key,那么就会获取null*/
var name=window.sessionStorage.getItem("userName");
alert(name);
}
/*删除数据*/
document.querySelector("#removeData").onclick=function () {
/*在删除的时候如果key值错误,不会报错,也不会删除数据*/
window.sessionStorage.removeItem("userName");
}
</script>
最新文章
- Winform布局方式
- Chrome 插件集推荐
- elasticsearch + hive环境搭建
- 管理员必备的20个Linux系统监控工具
- spring的annotation-driven配置事务管理器详解
- android edittext 点击回车会响应两次的解决方案
- (NO.00004)iOS实现打砖块游戏(十一):";一闪一闪亮晶晶,我们都是小星星";
- es6(五):class关键字(extends,super,static)
- 【转】超酷的 mip-infinitescroll 无限滚动(无限下拉)
- Linux之磁盘分区
- 【CF131D】Subway
- windows service 2008 R2 安装net4.6环境失败,windows service 2008 R2 升级sp1问题
- python中的元组
- Displacement Mapping
- Ubuntu之网易云音乐无法启动
- python多重继承C3算法
- JavaScript的DOM_StyleSheet操作内联或链接样式表
- 算法笔记_099:蓝桥杯练习 算法提高 排列数(Java)
- JQuery 禁用后退按钮
- E QUERY [main] SyntaxError: identifier starts immediately after numeric literal mongodb mapReduce 异常分析 集合命名规范
热门文章
- 重采样Resample 的一些研究记录。
- ubuntu下pip的安装、升级和使用
- Inception SQL审核注解
- 一百一十四、SAP查看事务代码对应工程源码
- 162-PHP 文本替换函数str_replace(三)
- 《新标准C++程序设计》3.5(C++学习笔记8)
- C# 使用复选框实现循环添加多条信息入库!
- Docker 搭建开源跳板机_jumpserver (运维开源堡垒机_jumpserver) Centos_7.0
- JAXB工具
- html语一化/块/行级元素