Window sessionStorage 屬性

sessionStorage 屬性允許你訪問(wèn)一個(gè) session Storage 對(duì)象。 應(yīng)該注意，存儲(chǔ)在sessionStorage或localStorage中的數(shù)據(jù)特定于該頁(yè)面的協(xié)議。

JavaScript Window 對(duì)象

該sessionStorage的只讀屬性允許你訪問(wèn)一個(gè) session Storage對(duì)象。

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

sessionStorage對(duì)象存儲(chǔ)一個(gè)瀏覽器會(huì)話的數(shù)據(jù)。當(dāng)用戶關(guān)閉特定的瀏覽器選項(xiàng)卡時(shí)，數(shù)據(jù)將被刪除。

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

頁(yè)面會(huì)話在瀏覽器打開(kāi)期間一直保持，并且重新加載或恢復(fù)頁(yè)面仍會(huì)保持原來(lái)的頁(yè)面會(huì)話。在新標(biāo)簽或窗口打開(kāi)一個(gè)頁(yè)面時(shí)會(huì)復(fù)制頂級(jí)瀏覽會(huì)話的上下文作為新會(huì)話的上下文，這點(diǎn)和 session cookies 的運(yùn)行方式不同。

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

語(yǔ)法：

window.sessionStorage

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

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

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

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

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

sessionStorage.removeItem("key");

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

sessionStorage.clear();

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

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

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

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

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

瀏覽器兼容性

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

屬性
sessionStorage	4	3.5	11.5	4	9

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

更多實(shí)例

以下示例設(shè)置會(huì)話變量并訪問(wèn)該變量：

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

相關(guān)參考

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

HTML教程：HTML5 Web存儲(chǔ)API

JavaScript Window 對(duì)象