Resumo do HTML5 LocalStorage

No HTML5, um novo recurso de armazenamento local é adicionado. Tamanho de 5m, que será diferente em diferentes navegadores.

1. LocalStorage expande o limite de 4K do cookie

2. O LocalStorage pode armazenar diretamente os dados de solicitação para a área local. . Apoiar

1. O tamanho do navegador não é uniforme, e a versão do IE acima do IE8 suporta apenas o atributo do LocalStorage

2. Atualmente, todos os navegadores limitarão o tipo de valor de localização como tipo de string.

3. LocalStorage não consegue ler no modo de privacidade do navegador

4. O LocalStorage é essencialmente lido na string.

5. LocalStorage não pode ser capturado por rastreadores

A única diferença entre LocalStorage e SessionStorage é que o LocalStorage pertence ao armazenamento permanente, e o SessionStorage pertence ao final da sessão.

Aqui usamos o LocalStorage para analisar

Aqui está uma declaração especial. Opinião sobre o blogueiro

Primeiro de tudo, ao usar o LocalStorage, precisamos determinar se o navegador suporta o atributo do localStorage

 if (! window.localStorage) {alert (navegador suporta localStorage);

Existem três maneiras de escrever LocalStorage, a escrita de LocalStorage.

 if (! Window.localStorage) {alerta (navegador suporta LocalStorage); Toragem [C]);}

Os resultados após o tempo de execução são os seguintes:

Aqui, devemos explicar especificamente que o uso do LocalStorage também segue a mesma estratégia -original, para que sites diferentes não possam compartilhar o mesmo local de localização

Finalmente, o resultado impresso no console é:

Não sei se os leitores notaram que o tipo int acabou de ser armazenado, mas a impressão é a string.

 if (! window.localStorage) {alerta (navegador suporta LocalStorage);} else {var storage = window.localStorage; // gravar no campo C Storage.SetItem (3); /O primeiro método leia var a = armazenamento.a; .getItem (c);

São três maneiras de ler LocalStorage

Eu disse que antes que o LocalStorage é equivalente a um banco de dados frontal.

Vamos falar sobre as duas etapas do Excluir e Mudança do LocalStorage.

É melhor entender esta etapa.

 if (! window.localStorage) {alerta (navegador suporta LocalStorage);} else {var storage = window.localStorage; 1; ]);

Neste console, podemos ver que a chave A foi alterada para 4

1. Limpe todo o conteúdo do localStorage

 Var Storage = Window.localStorage;

2. Exclua um valor chave no localStorage

 VAR Storage = Window.localStorage;

Os resultados da visualização do console

 Var Storage = Window.localStorage; Então, depois log (chave);}

Use o método key () para obter a chave correspondente do índice do índice in -e -out

Geralmente, armazenaremos o JSON no LocalStorage, mas o LocalStorage converte automaticamente o LocalSorage em formulários de string.

Neste momento, podemos usar json.stringify () para converter json em string json

Exemplo:

 if (! window.localStorage) {alerta (navegador suporta LocalStorage);} else {var storage = window.localStorage; d = json.stringify (dados);

Após a leitura, a sequência JSON deve ser convertida em um objeto JSON, e o método json.parse () é usado para usar o método json.parse ()

 Var Storage = Window.localStorage; String json na saída do objeto json var json = armazenamento.getItem (dados);

Imprimir é objeto objeto

Outra coisa a observar é que outros tipos devem ser lidos.

O acima é o resumo do uso do editor HTML5 LocalSorage. Muito obrigado pelo seu apoio ao site VevB Wulin!