Window sessionStorage 属性

sessionStorage 属性允许你访问一个 session Storage 对象。 应该注意,存储在sessionStorage或localStorage中的数据特定于该页面的协议。

JavaScript Window 对象

sessionStorage的只读属性允许你访问一个 session Storage对象。

localStorage和sessionStorage属性允许将键/值对保存在Web浏览器中。

sessionStorage对象存储一个浏览器会话的数据。当用户关闭特定的浏览器选项卡时,数据将被删除。

sessionStorage与localStorage类似;唯一的区别是,存储在localStorage中的数据没有到期时间,而存储在sessionStorage中的数据在页面会话结束时被清除。

页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文,这点和 session cookies 的运行方式不同。

您可以在我们的HTML5 Web Storage API中了解有关sessionStorage的更多信息。

语法:

window.sessionStorage

将数据保存到sessionStorage的语法:

sessionStorage.setItem("key", "value");

从sessionStorage 读取数据的语法:

var name = sessionStorage.getItem("key");

从sessionStorage 删除数据的语法:

sessionStorage.removeItem("key");

从sessionStorage 删除所有保存的数据的语法:

sessionStorage.clear();
// 存储
sessionStorage.setItem("name", "Parrot");
// 取值
document.getElementById("demo").innerHTML = sessionStorage.getItem("name");
测试看看‹/›

上面的代码使用name="name"和value="Parrot"创建了一个sessionStorage名称/值对。

然后检索“名称”的值,并将其插入到具有id="demo"的元素中。

名称/值对始终存储为字符串,您可以在需要时将它们转换为另一种格式。

注意:一旦用户关闭浏览器窗口,sessionStorage将被清除。

浏览器兼容性

表中的数字指定了完全支持sessionStorage属性的第一个浏览器版本:

属性
sessionStorage43.511.549

技术细节

返回值:一个存储对象,可用于访问当前源的会话存储空间

更多实例

以下示例设置会话变量并访问该变量:

if (sessionStorage.hits) {
sessionStorage.hits = Number(sessionStorage.hits) + 1;
} else {
sessionStorage.hits = 1;
}
测试看看‹/›

相关参考

窗口(Window)参考:window.localStorage属性

HTML教程:HTML5 Web存储API

JavaScript Window 对象