Metodo Storage setItem()

Oggetto Storage JavaScript

setItem()Il metodo imposta il valore dell'elemento di archiviazione specificato nel'oggetto di archiviazione fornito, se il valore esiste già, aggiorna il valore dell'elemento di archiviazione.

Il metodo setItem() appartiene agli oggetti di archiviazione e può esserelocalStorageOggetto osessionStorrageOggetto.

Sintassi:

localStorage.setItem(key, value)

sessionStorage.setItem(key, value)

localStorage.setItem('color', 'green');
localStorage.setItem('image', 'parrot.png');
localStorage.setItem('url', 'https://it.oldtoolbag.com');

Compatibilità del browser

I numeri nella tabella specificano la versione del browser che supporta il metodo setItem() per la prima volta:

Valore del parametro

Dettagli tecnici

Più esempi

Impostare il valore dell'elemento di archiviazione di sessione specificato:

sessionStorage.setItem('time', Date.now());
sessionStorage.setItem('age', 22);

È possibile anche utilizzare il punto per impostare i valori:

localStorage.color = "green";
localStorage.image = "parrot.png";
localStorage.url = "https://it.oldtoolbag.com";

La seguente funzione crea tre elementi di dati nello storage locale, quindi li utilizza per impostare stili personalizzati nella pagina: }}

function populateStorage() {
　　localStorage.setItem('bgcolor', document.getElementById('bgcolor').value);
　　localStorage.setItem('font', document.getElementById('font').value);
　　localStorage.setItem('image', document.getElementById('image').value);
}

Riferimenti correlati

Tutorial HTML:API di archiviazione web

Riferimento finestra (Window):Proprietà window.localStorage

Riferimento finestra (Window):Proprietà window.sessionStorage

Oggetto Storage JavaScript