English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Storage setItem() -Methode

JavaScript Storage-Objekt

setItem()Die Methode setzt den Wert eines bestimmten Schlüsselnamens in einem angegebenen Speicherobjekt fest. Wenn der Schlüsselwert bereits existiert, wird dieser aktualisiert.

Die setItem() -Methode gehört zu den Speicherobjekten und kann seinlocalStorageObjekt odersessionStorrageObjekt.

Syntax:

localStorage.setItem(key, value)
sessionStorage.setItem(key, value)
;localStorage.setItem('color', 'green');
;localStorage.setItem('image', 'parrot.png');
;localStorage.setItem('url', 'https://de.oldtoolbag.com');
Testen Sie heraus‹/›

Browserkompatibilität

Die Zahlen in der Tabelle geben die erste Browserversion an, die den Methodenaufruf setItem() vollständig unterstützt:

Methode
setItem()43.511.549

Parameterwert

ParameterBeschreibung
keyEnthält, was Sie erstellen möchten/Der String des Namens des aktualisierten Schlüssels
valueEnthält, was Sie erstellen möchten/Der String des aktualisierten Werts des Schlüssels

Technische Details

Rückgabewert:Ein String, der den eingefügten Wert darstellt
DOM-Version:Netzwerk-Speicher-API

Mehr Beispiele

Setzen Sie den Wert des angegebenen Sitzungs-Speicherorts:

sessionStorage.setItem('time', Date.now());
sessionStorage.setItem('age', 22);
Testen Sie heraus‹/›

Sie können auch die Punkt-Notation verwenden, um Werte zu setzen:

localStorage.color = "green";
localStorage.image = "parrot.png";
localStorage.url = "https://de.oldtoolbag.com";
Testen Sie heraus‹/›

Die folgenden Funktionen erstellen drei Datenpunkte im lokalen Speicher und verwenden sie, um auf der Seite benutzerdefinierte Stile zu setzen:

function populateStorage() {
  ;localStorage.setItem('bgcolor', document.getElementById('bgcolor').value);
  ;localStorage.setItem('font', document.getElementById('font').value);
  ;localStorage.setItem('image', document.getElementById('image').value);
}
Testen Sie heraus‹/›

Verwandte Referenzen

HTML-Tutorial:Web Storage API

Window (Window) Referenz:window.localStorage-Eigenschaft

Window (Window) Referenz:window.sessionStorage-Eigenschaft

JavaScript Storage-Objekt