Window.sessionStorage

La proprietà sessionStorage permette di accedere all'oggetto di sessione Storage. sessionstorage è simile a  Window.localStorage, l'unica differenza è che mentre i dati salvati in localStorage non hanno scadenza, i dati in sessionStorage vengono ripuliti ogniqualvolta la sessione della pagine termina. La sessione della pagina dura fino a quando il browser è aperto e sopravvive alla ricarica della pagina e al ripristino. L'apertuta di una nuova un un nuovo tab o nuova finestra implica l'apertura di una nuova sessione, il che differisce da come funzionano i cookie di sessione.

Syntax

// Salva i dati nel sessionStorage
sessionStorage.setItem('key', 'value');

// Recupare i dati dal sessionStorage
var data = sessionStorage.getItem('key');

Value

Un Storage oggett.

Example

Il seguente esempio accede all'oggetto di sessione corrente  Storage e vi aggiunge un elemento tramite  Storage.setItem().

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

Il seguente esempio salva automaticamente il contenuto di un campo di testo e se la pagina del browser viene ricaricata, ripristina il contenuto del campo di testo in modo da non perdere nessuna digitazione.

// Ottiene il campo di testo 
var field = document.getElementById("field");
 
// Verifica se ha un valore di salvataggio automatico (autosave)
// (succederò solo se la pagina viene ricaricata accidentalmente)
if (sessionStorage.getItem("autosave")) {
  // Ripristina il contenuto del campo di testo
  field.value = sessionStorage.getItem("autosave");
}
 
// Rimane in ascolto di cambiamenti sul campo di testo
field.addEventListener("change", function() {
  // E salva i risultati nell'oggetto sessionStorage
  sessionStorage.setItem("autosave", field.value);
});

Specifiche

Compatibilità dei browser

Ogni browser ha un livello di supporto differente per localStorage e sessionStorage. 

Vedere anche

• Using the Web Storage API
• Window.localStorage