JavaScript sessionStorage使用 作者：马育民 • 2022-02-19 08:46 • 阅读：10057 # 说明 将数据保存在 **当前会话** 中，可以使用 `sessionStorage`， 该数据对象 **临时 保存同一窗口(或标签页)** 的数据，在 **关闭** 窗口或标签页之后将会 **删除这些数据**。 # 应用场景 使用 vue 这类框架实现 **单页面应用** 时，使用 `sessionStorage` 比较合理 # 有坑-多页面应用 在 **多页面应用** 中，不要使用 ### 多页面应用可以共享 在 `1.html` 页面中，通过 **超链接** 或 `open()` 函数，打开 `2.html`，那么 `1.html` 和 `2.html` 可以共享 `sessionStorage` 中的数据 ### 多页面应用 不共享 通过地址栏访问 `1.html` 、 `2.html`，那么 `1.html` 和 `2.html` **不会共享** `sessionStorage` 中的数据 # 使用 ### 存储 ``` sessionStorage.setItem("key", value); ``` ### 读取 ``` var name=sessionStorage.getItem("key") ``` # 例子 一般在 **单页面应用** 中使用 ``` <script> //存储 sessionStorage.setItem("name", "李雷"); //读取 var name=sessionStorage.getItem("name") console.log(name) </script> ``` 原文出处：http://www.malaoshi.top/show_1IX2nzghuUmA.html