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