Attributo sessionStorage della finestra

L'attributo sessionStorage consente di accedere a un oggetto session Storage. Si dovrebbe notare che i dati memorizzati in sessionStorage o localStorage sono specifici del protocollo della pagina.

Oggetto Window JavaScript

ilsessionStorageLe proprietà di sola lettura ti permettono di accedere a un Sessione di archiviazioneOggetto.

Le proprietà localStorage e sessionStorage permettono di memorizzare coppie chiave/valore nel browser Web.

L'oggetto sessionStorage memorizza i dati di una sessione di browser. Quando l'utente chiude un tab specifico del browser, i dati vengono eliminati.

sessionStorage è simile a localStorage; l'unica differenza è che i dati memorizzati in localStorage non hanno una data di scadenza, mentre i dati memorizzati in sessionStorage vengono cancellati alla fine della sessione di pagina.

Le sessioni di pagina rimangono attive durante l'apertura del browser e anche se la pagina viene ricaricata o ripristinata, la sessione di pagina rimane la stessa. Quando si apre una nuova scheda o una nuova finestra per una pagina, il contesto della sessione di livello superiore viene copiato come contesto della nuova sessione, il che è diverso dal funzionamento dei cookie di sessione.

puoi trovare nelle nostrenell'API Web Storage di HTML5Scopri di più su sessionStorage.

Sintassi:

window.sessionStorage

i datiSalvareSintassi per salvare in sessionStorage:

sessionStorage.setItem("key", "value");

da sessionStorage LeggereSintassi dei dati:

var name = sessionStorage.getItem("key");

da sessionStorage EliminareSintassi dei dati:

sessionStorage.removeItem("key");

da sessionStorage Eliminare tuttoSintassi dei dati salvati:

sessionStorage.clear();

// Memorizzare
sessionStorage.setItem("name", "Parrot");
// Prendere il valore
document.getElementById("demo").innerHTML = sessionStorage.getItem("name");

Il codice sopra utilizza name="name" e value="Parrot" per creare una coppia nome/valore in sessionStorage.

Poi recupera il valore del "nome" e inseriscilo nell'elemento con id="demo".

Le coppie nome/valore vengono sempre memorizzate come stringhe, che puoi convertire in un altro formato quando necessario.

Attenzione:Una volta che l'utente chiude la finestra del browser, sessionStorage viene cancellato.

Compatibilità del browser

I numeri nella tabella specificano la versione del browser che supporta la proprietà sessionStorage per la prima volta:

Dettagli tecnici

Più esempi

Ecco un esempio che imposta una variabile di sessione e accede a questa variabile:

if (sessionStorage.hits) {
sessionStorage.hits = Number(sessionStorage.hits) + 1;
}
sessionStorage.hits = 1;
}

Riferimenti correlati

Riferimento finestra (Window):Proprietà window.localStorage

Tutorial HTML5:API di archiviazione web HTML5

Oggetto Window JavaScript