Properti Window localStorage

Definisi dan Penggunaan

Properti localStorage dan sessionStorage memungkinkan untuk menyimpan pasangan kunci/nilai di browser Web.

Objek localStorage menyimpan data tanpa tanggal kedaluwarsa. Data tidak akan dihapus saat browser ditutup dan akan tersedia kembali di hari berikutnya, minggu, atau setahun kemudian.

Properti localStorage adalah hanya-baca.

Panduan：參考 Properti sessionStorage，yang menyimpan data sesi (data akan hilang saat tab browser ditutup).

Contoh

Contoh 1

Buat sebuah pasangan nama=value dengan name="lastname" dan value="Smith", lalu cari nilai "lastname" dan masukkannya ke elemen dengan id="result":

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

亲自试一试

Contoh 2

下面的例子计算用户单击按钮的次数：

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Anda menekan tombol " +
localStorage.clickcount + " kali.";

亲自试一试

语法

window.localStorage

向 localStorage 保存数据的语法：

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

从 localStorage 读取数据的语法：

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

从 localStorage 删除数据的语法：

localStorage.removeItem("key");

Detil Teknologi

Nilai Kembalian: Objek Storage

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini penuh.

Properti Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5