Web Storage API

Web Storage API 是一种用于在浏览器中存储和检索数据的简单语法。它非常容易使用：

实例

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

亲自试一试

所有浏览器都支持 Web Storage API：

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
支持 支持 支持 支持 支持

localStorage 对象

localStorage 对象提供对特定网站的本地存储的访问。它允许您存储、读取、添加、修改和删除该域的数据项。

存储的数据没有到期日期，并且在浏览器关闭时不会被删除。

这些数据将在几天、几周和几年内均可用。

setItem() 方法

localStorage.setItem() 方法将数据项存储在 storage 中。

它接受一个名称和一个值作为参数：

实例

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

getItem() 方法

localStorage.getItem() 方法从存储（storage）中检索数据项。

它接受一个名称作为参数：

实例

localStorage.getItem("name");

sessionStorage 对象

sessionStorage 对象与 localStorage 对象相同。

不同之处在于 sessionStorage 对象存储会话的数据。

当浏览器关闭时，数据会被删除。

实例

sessionStorage.getItem("name");

亲自试一试

setItem() 方法

sessionStorage.setItem() 方法将数据项存储在存储（storage）中。

它接受一个名称和一个值作为参数：

实例

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

getItem() 方法

sessionStorage.getItem() 方法从存储（storage）中检索数据项。

它接受一个名称作为参数：

实例

sessionStorage.getItem("name");

Storage 对象属性和方法

属性/方法 Beschreibung
key(n) 返回存储中第 n 个键的名称。
length Gibt die Anzahl der Datenpunkte im Storage-Objekt zurück.
getItem(keyname) Gibt den Wert des angegebenen Schlüssels zurück.
setItem(keyname, value) Fügt den Schlüssel zum Speicher hinzu oder aktualisiert den Wert des Schlüssels, wenn dieser bereits existiert.
removeItem(keyname) Entfernt den angegebenen Schlüssel aus dem Speicher.
clear() Löscht alle Schlüssel.

Seiten zur Web Storage API

Eigenschaft Beschreibung
window.localStorage Ermöglicht das Speichern von Schlüssel/Wert-Paaren im Web-Browser. Speichert Daten ohne Ablaufdatum.
window.sessionStorage Ermöglicht das Speichern von Schlüssel/Wert-Paaren im Web-Browser. Speichert Daten für eine Sitzung.