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 local storage for a specific website. It allows you to store, read, add, modify, and delete data items for the 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 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 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 storage (storage).

It accepts a name as a parameter:

Instance

sessionStorage.getItem("name");

Storage object properties and methods

Property/Method Beskrivelse
key(n) Return the name of the nth key in the storage.
length Retunerer antallet af dataelementer gemt i Storage-objektet.
getItem(nøglenavn) Retunerer værdien for den angivne nøglenavn.
setItem(nøglenavn, værdi) Tilføjer nøglen til lagringen, eller opdaterer værdien af nøglen, hvis den allerede findes.
removeItem(nøglenavn) Fjerner den nøgle, der er gemt i lagringen.
clear() Tømmer alle nøgler.

Relaterede sider til Web Storage API

Egenskab Beskrivelse
window.localStorage Tillader at gemme nøgle/værdipar i webbrowseren. Gemmer data uden udløbsdato.
window.sessionStorage Tillader at gemme nøgle/værdipar i webbrowseren. Gemmer data for en session.