Antes do aparecimento do HTML5, se o desenvolvedor precisar armazenar uma pequena quantidade de dados no cliente, ele só poderá ser implementado por meio de cookies, mas há vários pontos insuficientes para cookies:
• O tamanho dos cookies sob cada nome de domínio é limitado a 4KB.
• O cookie incluirá em cada solicitação HTTP, que causará dados duplicados.
• O cookie não possui criptografia durante a transmissão da rede e há riscos ocultos de segurança.
A função de armazenamento da Web é adicionada ao HTML5. A Web Storage agora recebeu o suporte ao Firefox, Opera, Chrome, os principais navegadores da Safari.
Introdução ao armazenamento da webO armazenamento da Web é dividido em armazenamento de sessão e armazenamento local:
Armazenamento de sessão: semelhante à sessão, o período de sobrevivência de dados salvo pelo armazenamento da sessão é o mesmo que o período da sessão. Armazenamento local: os dados salvos pelo armazenamento local sempre foram localmente localmente, a menos que o usuário ou programa seja explicitamente claro, esses dados existirão da mesma forma.O objeto da janela fornece dois atributos de SessionStorage e LocalStorage, que representam o armazenamento da sessão e o armazenamento local, respectivamente. Essas duas funções e uso são quase iguais, mas eles têm diferentes períodos de sobrevivência para salvar dados. O armazenamento fornece os seguintes atributos e métodos (pegue o LocalSorage como exemplo):
• LocalStorage.Length: Obtenha o número de pares de valor-chave;
• LocalStorage.key (índice): chave para obter o índice do índice;
• LocalStorage.getItem (chave): obtenha o valor correspondente à chave especificada;
• LocalStorage.SetItem (chave, valor): salve o par de valores de chave especificado;
• LocalStorage.RemoveItem (chave): exclua o par de valores-chave do valor-chave correspondente à chave especificada;
• LocalStorage.clear (): Exclua todos os pares de valor-chave.
Deve -se notar que a chave e o valor devem ser strings. Portanto, alguns dados que não são uma string, podemos transformá -los em um formato de string através do JSON e outros métodos.
Web Storage armazena vários dados com JSONEstamos familiarizados com o uso básico de atributos e métodos relacionados por meio de um pequeno programa:
• As informações básicas para entrar nos alunos (incluindo o número de números escolares, nomes, notas, gênero) usam o número da escola como o valor -chave para armazenar no armazenamento local;
• Informe as informações básicas dos alunos através do número da escola;
• Mostre a informação de todos os alunos;
Primeiro de tudo, projetamos a página HTML
Xml/html cópia Conteúdo da área de transferência