JavaScript本地存储含localStorage和sessionStorage:前者数据持久保存、同源共享,适合长期设置;后者仅限当前标签页会话、隔离独立,适用于临时状态。

JavaScript本地存储是浏览器提供的一组客户端数据存储机制,让网页能在用户设备上保存少量结构化数据,无需依赖服务器或网络请求。它属于 Web Storage API,核心包括 localStorage 和 sessionStorage 两个对象。
localStorage 中的数据没有过期时间,只要不手动清除(比如调用 clear() 或 removeItem()),即使关闭浏览器、重启电脑,数据依然存在。适合存用户主题偏好、语言设置、登录态标识等需要长期保留的信息。
sessionStorage 中的数据只在当前浏览器标签页的会话期间有效。关闭该标签页(或窗口)后,数据自动清空;但刷新页面、页面内跳转、甚至通过 window.open() 打开的新窗口(同源)仍可访问——前提是没关掉原始标签页。
两者都遵循“同源策略”(协议 + 域名 + 端口相同才算同源),但具体共享方式有差异:
立即学习“Java免费学习笔记(深入)”;
localStorage.setItem('count', '5') 在任一标签页执行后,另一标签页也能立刻读到 '5'。两者 API 完全相同,常用方法包括:
setItem(key, value):存数据(value 必须是字符串)getItem(key):取数据removeItem(key):删单个项clear():清空全部注意:如果要存对象或数组,必须先用 JSON.stringify() 转为字符串;读取时再用 JSON.parse() 还原。直接存对象会自动调用 .toString(),导致数据丢失。
选 localStorage 当你需要:
选 sessionStorage 当你需要:
以上就是javascript本地存储是什么_localStorage和sessionStorage有什么区别?的详细内容,更多请关注php中文网其它相关文章!
java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号