Window localStorage 屬性

JavaScript Window 對(duì)象

localStorage只讀屬性允許你訪問一個(gè)存儲(chǔ)為文檔的源對(duì)象; 存儲(chǔ)的數(shù)據(jù)跨瀏覽器會(huì)話保存。

與使用cookie相比，localStorage對(duì)象提供了一種機(jī)制，瀏覽器可通過該機(jī)制以更好的方式存儲(chǔ)鍵/值對(duì)。

localStorage與sessionStorage相似，不同之處在于，盡管localStorage中存儲(chǔ)的數(shù)據(jù)沒有到期時(shí)間，但是頁面會(huì)話結(jié)束時(shí)（即頁面關(guān)閉時(shí)），存儲(chǔ)在sessionStorage中的數(shù)據(jù)將被清除。

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

語法：

window.localStorage

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

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

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

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

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

localStorage.removeItem("key");

// Store
localStorage.setItem("name", "Parrot");
// Retrieve
document.getElementById("demo").innerHTML = localStorage.getItem("name");

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

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

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

瀏覽器兼容性

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

屬性
localStorage	4	3.5	11.5	4	9

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

更多實(shí)例

下面的示例設(shè)置本地存儲(chǔ)變量，并在每次訪問頁面時(shí)訪問該變量：

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

您還可以刪除localStorage項(xiàng)目：

localStorage.removeItem("hits");

相關(guān)參考

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

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

JavaScript Window 對(duì)象