微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

js中sessionStorage如何使用？sessionStorage基本使用方法

青灯夜游
发布： 2018-10-24 17:00:08
转载
5415人浏览过

本篇文章给大家带来的内容是介绍js中sessionstorage如何使用？sessionstorage基本使用方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

sessionStorage 是浏览器数据存储的方法之一，用于临时保存同一窗口的数据，关闭窗口后sessionStorage 的数据将会不存在，它是以 key value 键值对的形式储存。

基本用法

存值

sessionStorage.test="1212";
登录后复制

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版
动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版 508
查看详情 动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

取值

var test=sessionStorage.test;
登录后复制

删除

sessionStorage.removeItem("test");
登录后复制

切记删除 不可以直接 

sessionStorage.test=undefined
登录后复制

最后这个 sessionStorage.test 会等于 "undefined" 并没有达到删除的效果

清除数据 清空当前会话存储的数据

sessionStorage.clear();
登录后复制

sessionStorage总数

sessionStorage.length
登录后复制

遍历sessionStorage

for(var i=0;i<sessionStorage.length;i++){  
    var key=sessionStorage.key(i);   
    var value=sessionStorage[key];
}
登录后复制

以上就是js中sessionStorage如何使用？sessionStorage基本使用方法的详细内容，更多请关注php中文网其它相关文章！

相关标签：
js sessionstorage JS undefined

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：博客园网
收藏 点赞
上一篇：vue修饰符详细总结（附示例） 下一篇：Vue如何创建头部组件？创建头部组件的方法（代码示例）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
调试技巧：Chrome DevTools高级用法 使用条件断点可在特定条件下暂停执行，如user.name===‘admin’，避免无效中断；2.设置XHR/fetch断点可监控包含指定URL关键词的请求，在发送前暂停以查看调用栈和参数；3.通过DOM断点监控元素的结构或属性变化，快速定位修改源码；4.利用Recorder面板录制并回放用户操作，复现问题或导出为Puppeteer脚本用于自动化测试。
2025-11-18 18:29:02
605
深拷贝实现_JS对象复制方法 深拷贝可完全复制对象数据，修改副本不影响原对象。1.JSON.parse(JSON.stringify())方法简单但不支持函数、Date等特殊类型；2.手动递归实现可处理多种类型并避免循环引用；3.structuredClone为现代浏览器原生方法，支持更多类型但无函数兼容；4.Lodash的cloneDeep功能全面但需引入库。根据需求选择：纯数据用JSON法，复杂结构用递归或structuredClone，稳定需求选Lodash。
2025-11-18 18:27:39
748
JavaScript服务工作者_Service Worker缓存策略 ServiceWorker通过缓存策略实现离线访问与性能优化，如缓存优先适用于静态资源，网络优先用于动态内容，结合策略可提升用户体验，并需注意版本管理与更新机制。
2025-11-18 18:27:06
132
使用FileReader API实现前端文件预览_javascript技巧 FileReaderAPI可实现前端文件预览，通过readAsDataURL读取图片并显示在img标签中，或用readAsText读取文本内容展示在页面上，结合input的accept和multiple属性支持单或多文件预览，利用onload事件获取结果，根据file.type判断MIME类型选择读取方式，提升兼容性与用户体验。
2025-11-18 18:23:22
573
JavaScript字节码_JavaScript引擎执行流程 JavaScript引擎通过解析源码生成AST，再转换为内部字节码（如V8的Ignition），结合JIT编译（TurboFan）将热点代码优化为机器码执行，最终在运行时进行垃圾回收，实现性能与启动速度的平衡。
2025-11-18 18:21:24
160
游戏开发：Phaser.js游戏引擎入门 Phaser.js是基于HTML5的2D游戏框架，支持WebGL和Canvas渲染，内置物理引擎与资源管理，适合快速开发跨平台网页游戏。
2025-11-18 18:19:07
582
JavaScript中的BigInt类型及其应用场景 BigInt是JavaScript中用于表示任意精度整数的数据类型，可解决Number类型在超过2^53-1后精度丢失的问题；通过在整数后加n或调用BigInt()函数创建；支持加、减、乘、除等运算但不可与Number混用，需显式转换；适用于高精度时间戳、加密算法、金融计算（如区块链单位）和大整数ID（如SnowflakeID）处理；局限包括不支持Math方法、无法直接JSON序列化、不能自动转布尔参与短路逻辑，需注意类型转换可能损失精度；合理使用可提升大整数运算的准确性与程序可靠性。
2025-11-18 18:19:02
480
JavaScript无障碍访问_ARIA属性与键盘导航支持 正确使用ARIA属性和键盘导航可提升网页无障碍访问。通过aria-label、aria-labelledby等提供语义，用aria-expanded、role等增强动态内容可读性；确保按钮、自定义控件支持tabindex与键盘事件；模态框需_trapfocus_；动态更新内容时使用aria-live通知屏幕阅读器，使视障及键盘用户顺畅操作。
2025-11-18 18:17:02
637
JavaScript深度合并：高效更新多层嵌套对象 本教程深入探讨了在JavaScript中更新多层嵌套对象的挑战，特别是当需要进行部分更新时。通过引入Lodash库的_.merge方法，文章详细演示了如何实现深度合并，包括直接修改原对象的可变更新和创建新对象以保持原对象不变的不可变更新，并提供了实际代码示例和最佳实践建议。
2025-11-18 18:14:01
468
JavaScript_日期时间处理与时区转换 JavaScript中处理时区需理解Date对象以UTC存储但显示为本地时间，可通过Intl.DateTimeFormat转换时区，或使用luxon等库精确操作，关键在于区分来源与展示时区。
2025-11-18 18:11:57
605
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部