Window.sessionStorage

De sessionStorage eigenschap stelt je in staat toegang te krijgen tot het Storage object. sessionStorage lijkt sterk op Window.localStorage, het enige verschil is dat data opgeslagen in localStorage geen vervaltijd heeft, waarbij sessionStorage vervalt als de sessie van de pagina vervalt. Een pagina sessie duurt zo lang de browser open is en overleeft acties als vernieuwen. Het openen van een pagina in een nieuw tabblad of window zorgt voor een nieuwe sessie, wat dus anders is als hoe sessie-cookies werken. 

Syntax

// Sla data op in sessionStorage
sessionStorage.setItem('key', 'value');

// Vraag opgeslagen data op uit sessionStorage
var data = sessionStorage.getItem('key');

// Verwijder opgeslagen data uit sessionStorage
sessionStorage.removeItem('key')

Waarde

Een Storage object.

Voorbeeld

Het volgende stukje code slaat data op in de sessie van het huidige domein door Storage.setItem() aan te roepen op Storage.

sessionStorage.setItem('mijnKat', 'Tom');

The following example autosaves the contents of a text field, and if the browser is accidentally refreshed, restores the text field content so that no writing is lost.

// Zoek het veld wat je wilt bewaren in de sessie
var field = document.getElementById("field");
 
// Kijk eerst of we een 'autosave' waarde hebben
// (dit gebeurt alleen als je per ongeluk ververst)
if (sessionStorage.getItem("autosave")) {
  // Herstel de inhoud van het veld
  field.value = sessionStorage.getItem("autosave");
}
 
// Luister naar wijzigingen in het veld
field.addEventListener("change", function() {
  // Sla het resultaat op in de sessionStorage
  sessionStorage.setItem("autosave", field.value);
});

Specifications

Browser compatibility

All browsers have varying capacity levels for both localStorage and sessionStorage. Here is a detailed rundown of all the storage capacities for various browsers.

See also

• Using the Web Storage API
• Window.localStorage