Window sessionStorage 屬性

sessionStorage 屬性允許你訪問一個 session Storage 對象。 應該注意，存儲在sessionStorage或localStorage中的數(shù)據(jù)特定于該頁面的協(xié)議。

JavaScript Window 對象

該sessionStorage的只讀屬性允許你訪問一個 session Storage對象。

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

sessionStorage對象存儲一個瀏覽器會話的數(shù)據(jù)。當用戶關(guān)閉特定的瀏覽器選項卡時，數(shù)據(jù)將被刪除。

sessionStorage與localStorage類似；唯一的區(qū)別是，存儲在localStorage中的數(shù)據(jù)沒有到期時間，而存儲在sessionStorage中的數(shù)據(jù)在頁面會話結(jié)束時被清除。

頁面會話在瀏覽器打開期間一直保持，并且重新加載或恢復頁面仍會保持原來的頁面會話。在新標簽或窗口打開一個頁面時會復制頂級瀏覽會話的上下文作為新會話的上下文，這點和 session cookies 的運行方式不同。

您可以在我們的HTML5 Web Storage API中了解有關(guān)sessionStorage的更多信息。

語法：

window.sessionStorage

將數(shù)據(jù)保存到sessionStorage的語法：

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

從sessionStorage 讀取數(shù)據(jù)的語法：

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

從sessionStorage 刪除數(shù)據(jù)的語法：

sessionStorage.removeItem("key");

從sessionStorage 刪除所有保存的數(shù)據(jù)的語法：

sessionStorage.clear();

// 存儲
sessionStorage.setItem("name", "Parrot");
// 取值
document.getElementById("demo").innerHTML = sessionStorage.getItem("name");

上面的代碼使用name="name"和value="Parrot"創(chuàng)建了一個sessionStorage名稱/值對。

然后檢索“名稱”的值，并將其插入到具有id="demo"的元素中。

名稱/值對始終存儲為字符串，您可以在需要時將它們轉(zhuǎn)換為另一種格式。

注意：一旦用戶關(guān)閉瀏覽器窗口，sessionStorage將被清除。

瀏覽器兼容性

表中的數(shù)字指定了完全支持sessionStorage屬性的第一個瀏覽器版本：

屬性
sessionStorage	4	3.5	11.5	4	9

技術(shù)細節(jié)

更多實例

以下示例設置會話變量并訪問該變量：

if (sessionStorage.hits) {
sessionStorage.hits = Number(sessionStorage.hits) + 1;
} else {
sessionStorage.hits = 1;
}

相關(guān)參考

窗口(Window)參考：window.localStorage屬性

HTML教程：HTML5 Web存儲API

JavaScript Window 對象