Window sessionStorage 屬性

定義和用法

localStorage 和 sessionStorage 屬性允許在 Web 瀏覽器中保存鍵/值對。

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 對象

瀏覽器支持

表中的數字指定了完全支持該屬性的首個瀏覽器版本。

屬性 Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5