Latest web development tutorials

archiviazione Web HTML5

archiviazione web HTML5, meglio di una archiviazione locale dei cookie.

Che cosa è HTML5 archiviazione Web?

Utilizzare HTML5 possibile sfogliare i dati memorizzati localmente sull'utente.

In precedenza, archiviazione locale utilizzando i cookie. Ma la sicurezza Web e di esigenze di storage in modo più rapido. Questi dati non saranno memorizzati sul server, ma i dati solo per i dati richiesti dall'utente sul sito. Si possono anche memorizzare grandi quantità di dati senza compromettere le prestazioni del sito.

Dati come coppie chiave / valore esiste, i dati pagina web è solo permesso di utilizzare l'accesso web.

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 8+, Firefox, Opera, Chrome, Safari e il supporto Web Store.

Nota: Internet Explorer 7 e versioni precedenti di Internet Explorer non supportano negozio web.

localStorage e sessionStorage

Due oggetti memorizzati nei dati cliente è:

  • localStorage - senza memorizzazione dei dati limite di tempo
  • sessionStorage - Archiviazione dati per una sessione di

Prima di utilizzare Web Storage, controllare il supporto del browser e localStorage sessionStorage:

if (typeof (Storage)! == "undefined") { // Sì! Oggetti di supporto localStorage sessionStorage! // Alcuni codice ..... } altro { // Spiacente! Non supporta negozio web. }

localStorage Object

Nessun oggetto di archiviazione dei dati limite localStorage tempo. Il giorno successivo, dopo la seconda settimana, o l'anno prossimo, i dati sono ancora disponibili.

Esempi

. LocalStorage cognome = "Smith", documento getElementById ( "risultato") innerHTML = "Cognome:" ... + localStorage cognome;

Prova »

Esempi di analisi:

  • Utilizzare il tasto = "cognome" e value = "Smith" creare una chiave localStorage / coppie di valori
  • chiave di recupero per il valore "cognome" e quindi inserisce id = elemento "risultato" in

Tip: chiave / valore coppie di solito sono memorizzati come una stringa, è possibile secondo le loro necessità di convertire il formato.

L'esempio seguente mostra il numero di volte che un utente fa clic su un pulsante per convertire il valore stringa in un tipo di codice digitale:

Esempi

se (LocalStorage. ClickCount) { . LocalStorage clickCount = Number (clickCount localStorage .) + 1;} altro { . LocalStorage clickCount = 1;} .. Documento getElementById ( "risultato" ) innerHTML = " aver fatto clic sul pulsante" + localStorage clickCount + "tempi".;

Prova »

oggetti sessionStorage

Metodo sessionStorage per una sessione per la memorizzazione dei dati. Quando l'utente chiude la finestra del browser, i dati saranno cancellati.

Come creare e accedere a un sessionStorage ::

Esempi

se (SessionStorage. ClickCount) { . SessionStorage clickCount = Number (sessionStorage clickCount .) + 1;} altro { . SessionStorage clickCount = 1;} .. Documento getElementById ( "risultato" ) innerHTML = " In questa conversazione che si è fatto clic sul pulsante" + sessionStorage clickCount + "tempi".;

Prova »