Window localStorage 屬性

JavaScript Window 對象

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

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

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

您可以在我們的HTML5 Web Storage API中了解有關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)建一個localStorage名稱/值對。

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

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

瀏覽器兼容性

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

屬性
localStorage	4	3.5	11.5	4	9

技術細節(jié)

更多實例

下面的示例設置本地存儲變量，并在每次訪問頁面時訪問該變量：

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

您還可以刪除localStorage項目：

localStorage.removeItem("hits");

相關參考

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

HTML教程：HTML5 Web存儲API

JavaScript Window 對象