Propriedades localStorage do Window

Objeto Window do JavaScript

localStorageA propriedade de leitura apenas permite que você acesse umArmazenamentoPara o objeto origem do documento; os dados armazenados são salvos ao longo da sessão do navegador.

Em comparação com o uso de cookies, o objeto localStorage oferece um mecanismo pelo qual o navegador pode armazenar chaves de forma melhor./Pares de valor.

localStorage esessionStorageSimilar, a diferença está em que, embora os dados armazenados no localStorage não tenham um tempo de expiração, os dados armazenados no sessionStorage serão limpos ao final da sessão da página (ou seja, quando a página for fechada).

Você pode encontrar em nossosHTML5 No Web Storage APIObtenha mais informações sobre localStorage.

Sintaxe:

window.localStorage

Armazenar dadosSalvarA sintaxe para armazenar em localStorage é:

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

do localStorage LerSintaxe dos dados:

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

do localStorage ExcluirSintaxe dos dados:

localStorage.removeItem("key");

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

O código acima cria um nome de localStorage usando name="name" e value="Parrot"./Pares de valor.

Então, recupere o valor de "Nome" e insira-o no elemento com id="demo".

Nome/Os pares de valor sempre são armazenados como strings, você pode convertê-los para outro formato conforme necessário.

Compatibilidade do Navegador

Os números na tabela especificam a primeira versão do navegador que suporta completamente a propriedade localStorage:

Detalhes Técnicos

Mais Exemplos

O exemplo a seguir configura uma variável de armazenamento local e acessa essa variável em cada visita à página:

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

Você também pode excluir itens do localStorage:

localStorage.removeItem("hits");

Referências Relacionadas

Referência do Window (Janela):Propriedade window.sessionStorage

Tutoriais de HTML:HTML5 API de Armazenamento Web

Objeto Window do JavaScript