Web Storage API

The Web Storage API is a simple syntax for storing and retrieving data in the browser. It is very easy to use:

Instance

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

Try it yourself

All browsers support the Web Storage API:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Supports Supports Supports Supports Supports

localStorage object

The localStorage object provides access to the local storage of a specific website. It allows you to store, read, add, modify, and delete data items for that domain.

Stored data does not have an expiration date and will not be deleted when the browser closes.

These data will be available for several days, weeks, and years.

setItem() method

The localStorage.setItem() method stores data items in storage.

It accepts a name and a value as parameters:

Instance

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

getItem() method

The localStorage.getItem() method retrieves data items from the storage (storage).

It accepts a name as a parameter:

Instance

localStorage.getItem("name");

sessionStorage object

The sessionStorage object is the same as the localStorage object.

The difference is that the sessionStorage object stores session data.

Data will be deleted when the browser closes.

Instance

sessionStorage.getItem("name");

Try it yourself

setItem() method

The sessionStorage.setItem() method stores data items in the storage (storage).

It accepts a name and a value as parameters:

Instance

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

getItem() method

The sessionStorage.getItem() method retrieves data items from the storage (storage).

It accepts a name as a parameter:

Instance

sessionStorage.getItem("name");

Storage object properties and methods

Property/Method Beschrijving
key(n) Return the name of the nth key in the storage.
length Geef het aantal dataitems opgeslagen in het Storage-object terug.
getItem(sleutelnaam) Geef de waarde van de opgegeven sleutelnaam terug.
setItem(sleutelnaam, waarde) Voeg de sleutel toe aan de opslag, of update de waarde van de sleutel als deze al bestaat.
removeItem(sleutelnaam) Verwijder de sleutel uit de opslag.
clear() Wis alle sleutels.

Gerelateerde pagina's van Web Storage API

Eigenschappen Beschrijving
window.localStorage Toestaan om sleutel/waardeparen op te slaan in de webbrowser. Sla gegevens op zonder vervaldatum.
window.sessionStorage Toestaan om sleutel/waardeparen op te slaan in de webbrowser. Sla de gegevens van een sessie op.