sessionStorage设置，读取，删除，清除

最新推荐文章于 2024-08-08 16:18:02 发布

furfur-jiang

最新推荐文章于 2024-08-08 16:18:02 发布

阅读量2.1w

点赞数 2

分类专栏： JavaScript 面试

本文链接：https://blog.csdn.net/weixin_44523860/article/details/105849380

版权

面试同时被 2 个专栏收录

94 篇文章 2 订阅

订阅专栏

JavaScript

86 篇文章 5 订阅

订阅专栏

存储在 sessionStorage 里面的数据在页面会话结束时会被清除。
页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。
在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文，这点和 session cookies 的运行方式不同。
打开多个相同的URL的Tabs页面，会创建各自的sessionStorage。
关闭对应浏览器tab，会清除对应的sessionStorage。

// 保存数据到 sessionStorage
sessionStorage.setItem('key', 'value');

// 从 sessionStorage 获取数据
let data = sessionStorage.getItem('key');

// 从 sessionStorage 删除保存的数据
sessionStorage.removeItem('key');

// 从 sessionStorage 删除所有保存的数据
sessionStorage.clear();