Window localStorage 屬性

定義和用法

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

localStorage 對象存儲沒有到期日期的數據。瀏覽器關閉時數據不會被刪除，并且會在第二天、周或一年后可用。

localStorage 屬性是只讀的。

提示：還請參閱 sessionStorage 屬性，該屬性存儲一個會話的數據（關閉瀏覽器選項卡時數據會丟失）。

實例

例子 1

創建一個 name="lastname" 和 value="Smith" 的 localStorage 名稱/值對，然后檢索 "lastname" 的值并將其插入到 id="result" 的元素中：

// 存儲
localStorage.setItem("lastname", "Smith");
// 取回
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

親自試一試

例子 2

下面的例子計算用戶單擊按鈕的次數：

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
localStorage.clickcount + " time(s).";

親自試一試

語法

window.localStorage

向 localStorage 保存數據的語法：

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

從 localStorage 讀取數據的語法：

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

從 localStorage 刪除數據的語法：

localStorage.removeItem("key");

技術細節

返回值： Storage 對象

瀏覽器支持

表中的數字指定了完全支持該屬性的首個瀏覽器版本。

屬性 Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5