Window sessionStorage-Eigenschaft

Definition und Verwendung

localStorage und sessionStorage Eigenschaften ermöglichen die Speicherung von Schlüssel/Wert-Paaren in Web-Browsern.

sessionStorage 对象仅存储一个会话的数据（关闭浏览器选项卡时数据将被删除）。

提示：还请参阅 localStorage 属性，该属性存储没有到期日期的数据。浏览器关闭时数据不会被删除，并且会在第二天、一周或一年后可用。

实例

例子 1

创建一个 name="lastname" 和 value="Smith" 的 sessionStorage 名称/值对，然后检索 "lastname" 的值并将其插入到 id="result" 的元素中：

// 存储
sessionStorage.setItem("lastname", "Smith");
// 取回
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

亲自试一试

例子 2

下面的例子计算用户在当前会话中单击按钮的次数：

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
sessionStorage.clickcount + " time(s) in this session.";

亲自试一试

语法

window.sessionStorage

向 sessionStorage 中保存数据的语法：

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

从 sessionStorage 中读取数据的语法：

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

从 sessionStorage 中删除数据的语法：

sessionStorage.removeItem("key");

从 sessionStorage 中删除所有已保存数据的语法：

sessionStorage.clear();

技术细节

返回值： Storage-Objekt

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Eigenschaften Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5