Webb Lagring API

Web Storage API är en enkel syntax för att lagra och hämta data i webbläsaren. Det är mycket enkelt att använda:

Exempel

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

Prova själv

Alla webbläsare stöder Web Storage API:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Stödjer Stödjer Stödjer Stödjer Stödjer

localStorage-objektet

localStorage-objektet tillhandahåller åtkomst till den lokala lagringen för en specifik webbplats. Det låter dig lagra, läsa, lägga till, ändra och radera dataelement för domänen.

Lagrade data har ingen utgångsdatum och raderas inte när webbläsaren stängs.

Dessa data kommer att vara tillgängliga i några dagar, veckor och år.

setItem() metoden

localStorage.setItem() metoden lagrar dataelement i storage.

Det tar emot ett namn och ett värde som parametrar:

Exempel

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

getItem() metoden

localStorage.getItem() metoden hämtar dataelement från lagring (storage).

Det tar emot ett namn som parameter:

Exempel

localStorage.getItem("name");

sessionStorage-objektet

sessionStorage-objektet är lika med localStorage-objektet.

Skillnaden är att sessionStorage-objektet lagrar data för sessionen.

Data kommer att raderas när webbläsaren stängs.

Exempel

sessionStorage.getItem("name");

Prova själv

setItem() metoden

sessionStorage.setItem() metoden lagrar dataelement i lagring (storage).

Det tar emot ett namn och ett värde som parametrar:

Exempel

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

getItem() metoden

sessionStorage.getItem() metoden hämtar dataelement från lagring (storage).

Det tar emot ett namn som parameter:

Exempel

sessionStorage.getItem("name");

Storage-objektets egenskaper och metoder

Egenskaper/metoder Beskrivning
key(n) Återge namnet på den n:te nyckeln i lagringsområdet.
length Returnera antalet dataelement som lagras i Storage-objektet.
getItem(nyckelnamn) Returnera värdet för den specificerade nyckeln.
setItem(nyckelnamn, värde) Lägg till nyckeln till lagringen, eller uppdatera värdet för nyckeln om den redan finns.
removeItem(nyckelnamn) Ta bort nyckeln från lagringen.
clear() Töm alla nycklar.

Relaterade sidor för Web Storage API

Egenskaper Beskrivning
window.localStorage Tillåter att spara nyckel/värde-pa i webbläsaren. Spara data utan utgångsdatum.
window.sessionStorage Tillåter att spara nyckel/värde-pa i webbläsaren. Spara data för en session.