Window localStorage-eigenschap

Definitie en gebruik

De localStorage- en sessionStorage-eigenschappen stellen je in staat om key/value paren op te slaan in een webbrowser.

Het localStorage-object slaat gegevens op zonder vervaldatum. De gegevens worden niet verwijderd wanneer je de browser sluit en zijn beschikbaar de volgende dag, week of jaar.

De localStorage-eigenschap is alleen lezen.

Tip:Zie ook sessionStorage-eigenschap，deze eigenschap slaat sessiedata op (de data verdwijnt wanneer je de browserkaart sluit).

Voorbeeld

Voorbeeld 1

Maak een localStorage naam/waarde paar met name="lastname" en waarde="Smith", haal vervolgens de waarde van "lastname" op en voeg deze toe aan het element met id="result":

// Opslaan
localStorage.setItem("lastname", "Smith");
// Ophalen
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Probeer het zelf

Voorbeeld 2

Hier is een voorbeeld dat het aantal keer dat de gebruiker op de knop klikt berekent:

als (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} anders {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Je hebt de knop ingedrukt " +
localStorage.clickcount + " keer.";

Probeer het zelf

Syntax

window.localStorage

Opslaan in localStorage syntax:

localStorage.setItem("key", "waarde;

Van localStorage lezen syntax:

var lastname = localStorage.getItem("key;

Van localStorage verwijderen syntax:

localStorage.removeItem("key;

Technical details

Return value: Storage object

Browser support

The numbers in the table indicate the first browser version that fully supports this property.

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