Proprietà localStorage della Window

Oggetto Window JavaScript

localStorageLe proprietà di sola lettura ti permettono di accedere a unArchiviazioneper l'oggetto origine del documento; i dati memorizzati vengono conservati tra le sessioni del browser.

In confronto all'uso dei cookie, l'oggetto localStorage fornisce un meccanismo attraverso il quale il browser può memorizzare meglio le coppie di chiave/valore.

localStorage rispetto asessionStorageAnalogamente, la differenza risiede nel fatto che, nonostante i dati memorizzati in localStorage non abbiano una data di scadenza, i dati memorizzati in sessionStorage vengono cancellati alla fine della sessione di pagina (cioè quando la pagina viene chiusa).

Puoi trovare le informazioni在我们的nel contesto dell'API Web Storage di HTML5Per ulteriori informazioni su localStorage.

Sintassi:

window.localStorage

i datiSalvaSintassi per salvare i dati in localStorage:

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

da localStorage LeggiSintassi dei dati:

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

da localStorage EliminaSintassi dei dati:

localStorage.removeItem("key");

// Salva
localStorage.setItem("name", "Parrot");
// Recupera
document.getElementById("demo").innerHTML = localStorage.getItem("name");

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

Poi recupera il valore di 'nome' e lo inserisce nell'elemento con id="demo".

Le coppie di nome/valore sono sempre memorizzate come stringhe, possono essere convertite in un altro formato quando necessario.

Compatibilità del browser

I numeri nella tabella specificano la versione del browser che supporta completamente le proprietà localStorage:

Dettagli tecnici

Più esempi

Esempio di seguito imposta una variabile di archiviazione locale e accede a questa variabile ogni volta che si accede alla pagina:

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

Puoi anche eliminare elementi localStorage:

localStorage.removeItem("hits");

Riferimenti correlati

Riferimento finestra (Window):Proprietà window.sessionStorage

Tutorial HTML5:API di archiviazione Web HTML5

Oggetto Window JavaScript