Web Storage API

Web Storage API adalah sintaks yang sederhana untuk menyimpan dan mengambil data di dalam pelayar. Ia sangat mudah digunakan:

Instans

localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");

Coba sendiri

Semua pelayar mendukung Web Storage API:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Dukung Dukung Dukung Dukung Dukung

Objek localStorage

Objek localStorage menyediakan akses ke penyimpanan lokal untuk situs yang spesifik. Ia memungkinkan Anda menyimpan, membaca, menambah, memodifikasi dan menghapus item data dalam domain tersebut.

Data yang disimpan tidak memiliki tanggal berakhir dan tidak akan dihapus saat pelayar ditutup.

Data ini akan tersedia dalam beberapa hari, minggu dan tahun.

Metode setItem()

Metode localStorage.setItem() menyimpan item data di storage.

Ia menerima nama dan nilai sebagai parameter:

Instans

localStorage.setItem("name", "Bill Gates");

Metode getItem()

Metode localStorage.getItem() mengambil item data dari penyimpanan (storage).

Ia menerima nama sebagai parameter:

Instans

localStorage.getItem("name");

Objek sessionStorage

Objek sessionStorage sama dengan objek localStorage.

Perbezaannya adalah objek sessionStorage menyimpan data sesi.

Data akan dihapus saat pelayar ditutup.

Instans

sessionStorage.getItem("name");

Coba sendiri

Metode setItem()

Metode sessionStorage.setItem() menyimpan item data di penyimpanan (storage).

Ia menerima nama dan nilai sebagai parameter:

Instans

sessionStorage.setItem("name", "Bill Gates");

Metode getItem()

Metode sessionStorage.getItem() mengambil item data dari penyimpanan (storage).

Ia menerima nama sebagai parameter:

Instans

sessionStorage.getItem("name");

Atribut dan Metode Objek Storage

Atribut/Metode 描述
key(n) Kembalikan nama kunci ke n yang disimpan.
length 返回存储在 Storage 对象中的数据项数。
getItem(keyname) 返回指定的键名的值。
setItem(keyname, value) 将键添加到存储中，或者如果键已经存在，则更新该键的值。
removeItem(keyname) 从存储中删除该键。
clear() 清空所有键。

Web Storage API 相关页面

属性 描述
window.localStorage 允许在 Web 浏览器中保存键/值对。存储没有到期日期的数据。
window.sessionStorage 允许在 Web 浏览器中保存键/值对。存储一个会话的数据。