Latest web development tutorials

armazenamento Web HTML5

armazenamento web HTML5, melhor do que um armazenamento local cookie.

O que é o armazenamento Web HTML5?

Use HTML5 pode procurar os dados armazenados localmente no usuário.

Mais cedo, o armazenamento local usando cookies. Mas a segurança e armazenamento da Web precisa mais rapidamente. Estes dados não serão armazenados no servidor, mas os dados só para os dados solicitados pelo usuário no site. Ele também pode armazenar grandes quantidades de dados sem afetar o desempenho do site.

Dados como pares de chave / valor existir, dados da página web só é permitido o uso do acesso à web.

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Nota: Internet Explorer 7 e versões anteriores do IE não suportam loja na web.

localStorage e sessionStorage

Dois objetos armazenados nos dados do cliente é:

  • localStorage - sem armazenamento de dados limite de tempo
  • sessionStorage - Armazenamento de dados para uma sessão de

Antes de utilizar armazenamento web, verificar o suporte ao navegador e localStorage sessionStorage:

if (typeof (Storage)! == "undefined") { // Sim! Objetos Apoio localStorage sessionStorage! // Alguns códigos ..... } mais { // Desculpe! Não suporta loja na web. }

localStorage objeto

Sem tempo objeto de armazenamento de dados limite localStorage. No dia seguinte, após a segunda semana, ou no próximo ano, os dados ainda está disponível.

Exemplos

. LocalStorage sobrenome = "Smith"; documentar getElementById ( "resultado") innerHTML = "Último nome:" ... + localStorage sobrenome;

tente »

exemplos de análise:

  • Use key = "sobrenome" e value = "Smith" criar uma chave localStorage pares / valor
  • chave de recuperação para o valor "sobrenome" e, em seguida, insere id = elemento "resultado" em

Dica: chave / valor pares são normalmente armazenados como uma string, você pode de acordo com sua necessidade de converter o formato.

O exemplo a seguir mostra o número de vezes que um usuário clica em um botão para converter o valor de cadeia para um tipo de código digital:

Exemplos

se (LocalStorage. ClickCount) { . LocalStorage clickCount = Número (clickCount localStorage .) + 1;} mais { . LocalStorage clickCount = 1;} .. Documento getElementById ( "resultado" ) innerHTML = " Você clicou no botão" + localStorage clickCount + "vezes.";

tente »

objetos sessionStorage

sessionStorage método para uma sessão para o armazenamento de dados. Quando o usuário fecha a janela do navegador, os dados serão apagados.

Como criar e acessar uma sessionStorage ::

Exemplos

se (SessionStorage. ClickCount) { . SessionStorage clickCount = Número (sessionStorage clickCount .) + 1;} mais { . SessionStorage clickCount = 1;} .. Documento getElementById ( "resultado" ) innerHTML = " Neste conversa que você tiver clicado no botão" + sessionStorage clickCount + "vezes.";

tente »