Window sessionStorage 屬性

JavaScript 存儲對象 JavaScript 存儲對象

實例

使用 sessionStorage 創建一個本地存儲的 name/value 對,name="lastname" value="Smith", 然後檢索 "lastname" 的值,並插入到 id="result" 的元素上:

// 存儲 sessionStorage.setItem("lastname", "Smith"); // 檢索 document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");


定義和使用

localStorage 和 sessionStorage 屬性允許在流覽器中存儲 key/value 對的數據。

sessionStorage 用於臨時保存同一窗口(或標籤頁)的數據,在關閉窗口或標籤頁之後將會刪除這些數據。

提示: 如果你想在流覽器窗口關閉後還保留數據,可以使用 localStorage 屬性, 該數據對象沒有過期時間,今天、下周、明年都能用,除非你手動去刪除。


流覽器支持

表格中的數字表示支持該屬性的第一個流覽器版本號。

屬性
sessionStorage 4.0 8.0 3.5 4.0 11.5

語法

window.sessionStorage

保存數據語法:

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

讀取數據語法:

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

刪除指定鍵的數據語法:

sessionStorage.removeItem("key");

刪除所有數據:

sessionStorage.clear();

技術細節

返回值: 一個存儲對象

更多實例

實例

以下實例用於記錄點擊按鈕的次數:

if (sessionStorage.clickcount) { sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1; } else { sessionStorage.clickcount = 1; } document.getElementById("result").innerHTML = "你在按鈕上已經點擊了 " + sessionStorage.clickcount + " 次。";

JavaScript 存儲對象 JavaScript 存儲對象