sessionStorage可以使用setItem设置、getItem获取、removeItem删除、clear清空。
MDN解释
sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似,不同之处在于 localStorage 里面存储的数据没有过期时间设置,而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。**在新标签或窗口打开一个页面时会在顶级浏览上下文中初始化一个新的会话,**这点和 session cookies 的运行方式不同。
通过sessionStorage保存的数据保存在浏览器中;所以创建一个sessionStorage用过后在某些情况需要清除sessionStorage;
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。
- 不同tab之间就算相同url,sessionStorage也是不会共享的。sessionStorage只存在于当前会话中。
- 使用window.open或者点击链接跳转的页面,新页面的sessionStorage会拷贝老页面的。但两者之间并无关联,还是两个会话。
// 存储
sessionStorage.setItem("lastname", "Smith");
// 检索

本文详细介绍了sessionStorage的使用方法,包括setItem、getItem、removeItem和clear操作。sessionStorage数据在页面会话结束后清除,不同标签页间不共享。在存储和读取复杂对象时,需借助JSON.stringify和JSON.parse进行转换。文章还提供了存储和取出数组及对象的示例。
最低0.47元/天 解锁文章
2421

被折叠的 条评论
为什么被折叠?



