Valores numéricos e de armazenamento local com html5

Video: aula 4948 html5 css3 js Armazenamento de dados Web Storage LocalStorage length setItem getItem rem

Com HTML5, você pode escrever até 5MB de dados para um especial localStorage arquivo no computador cliente. Todas as páginas que vêm de seu domínio partilham a mesma área de armazenamento, assim você pode usar esse mecanismo para manter os dados persistentes entre várias páginas. Os dados também permanece na máquina do cliente (até que você removê-lo), por isso pode ser usado para manter o controle de informações ao longo do tempo.

Se você estiver trabalhando com dados numéricos, lembre-se que localStorage armazena tudo como uma string. Não é nenhum problema para armazenar um valor numérico no localStorage, mas quando você recuperá-la, você precisa converter o valor para um valor numérico (com parselnt () ou parseFloat ()) Para o tipo de dados que você precisa. Aqui está um exemplo que conta o número de vezes que um usuário tenha visitado o seu site:

 countVisits função () {str_count = (localStorage.getItem"contagem") - // obter um valor numérico de str_count, colocá-lo em countif (str_count == null || str_count == "nulo") {Count = 0-} else {count = parseInt (str_count) -} // fim se // incremento countcount ++ - // exibição countlblCounter = document.getElementById ("lblCounter") = -lblCounter.innerHTML "Você esteve aqui " + Contagem + " vezes"- // countlocalStorage.setItem loja ("contagem", Contam) -} // contagem final

Este código terá de ser executado a cada vez que a página é carregada (talvez com a atributo).

1. Tentativa de obter a contagem de loja local.

   Use o str_ prefixo para lembrá-lo que os dados é atualmente uma corda.

2. Certifique-se que o valor existe.

   Se não houver nenhuma entrada no banco de dados para contagem, esta deve ser a primeira vez que o usuário está aqui (ou eles ter cancelado o banco de dados). Em ambos os casos, atribuir o valor 0 para contagem (Que é uma variável numérica).

3. 
   
   
   

   E se str_count existe, convertê-lo para um número inteiro.

   Video: Local Storage HTML5

   Use o parselnt () método para converter a string str_count para o número inteiro contagem.

4. Adicione um a contagem.

   Video: 121 HTML5 Sistema de gravação local Web Storage LocalStorage

   Agora isso contagem é um inteiro, você pode adicionar a ele.

5. Mostrar o valor do contador para o usuário.

   Video: javascript: SQLite - Armazenamento Local

   Claro, isso não é absolutamente necessário, mas é bom para fornecer algum feedback.

6. Loja contagem de volta para o localStorage base de dados.

   Note que você pode armazenar o número inteiro contagem ao banco de dados sem problemas. Será calmamente convertida para uma string quando ele é armazenado.