HTML5 LocalStorage Local Storage

O LocalStorage é armazenado local, que pode ser usado para preservação de dados a longo prazo em todo o site.

Este objeto pode ser chamado no idioma JavaScript através do Window.LocalStorage ou LocalStorage.

1) Restrições à mesma estratégia de origem. Se você deseja operar o mesmo local de armazenamento entre páginas diferentes, essas páginas devem estar sob o mesmo protocolo, o mesmo nome do host e a mesma porta. (Os dados de armazenamento IE8 e 9 são baseados no mesmo nome do host, ignorando os requisitos do protocolo (HTTP e HTTPS) e número da porta)

2) Somente armazenado localmente. Os dados do LocalStorage não serão enviados ao servidor com a solicitação HTTP, que só entrará em vigor localmente.

3) Preservação permanente. Os dados salvos não expiraram até a remoção manual.

4) Método de armazenamento. O método de armazenamento da LocalStorage é feito e o valor. O valor do valor deve ser um tipo de string (não a não -ginástica e também será convertida em uma string durante o armazenamento. O valor verdadeiro será convertido em verdadeiro).

5) Limite de armazenamento: diferentes navegadores armazenam o limite superior, mas a maioria dos navegadores limita o limite superior a menos de 5 MB.

6) Compartilhe com o navegador. Os dados do LocalStorage podem ser compartilhados entre as mesmas páginas -source de diferentes guias do mesmo navegador.

A menor versão do navegador LocalStorage: IE8, Chrome 5.

LocalStorage é mais adequado para 2 lugares:

1) Esquema de preservação temporária com grandes dados. Como preservação automática de artigos de edição on -line.

2) Dados comuns de acesso a várias páginas. SessionStorage é aplicável apenas à mesma página da guia.

READONLY INT LocalStorage.Length: Retorne um número inteiro, indicando o número de itens de dados (pares de valores -chave) armazenados no objeto LocalStorage.

String LocalStorage.Key (Int Index): Retorna o nome da chave do número de série do índice do objeto LocalStorage atual. Se não for devolvido nulo.

StringLocalStorage.getItem (tecla String): o valor correspondente ao nome da chave (chave). Se não for devolvido nulo.

VoidlocalStorage.SetItem (chave da string, String Value): Este método aceita um nome de chave (chave) e valor como um parâmetro para adicionar o valor da chave ao armazenamento;

VoidlocalStorage.RemoveItem (chave da String): Remova o nome de chave especificado do objeto LocalStorage.

VoidlocalStorage.clear (): limpe todos os itens do objeto LocalStorage.

Armazenamento: Quando as alterações no LocalSorage, este evento é acionado.

Este incidente tem um mecanismo de gatilho diferente no IE 11 e Chrome:

1) Se a página atual aciona: quando a página atual é operada pelo LocalStorage, o IE 11 é a página atual que também aciona este evento.

2) Repita a operação do LocalSorage: se você depositar dados duplicados, o IE 11 será acionado neste evento e o Chrome não acionará esse incidente.

 LocalStorage.SetItem ('TestKey', 'Este é um valor de teste "); //

 LocalStorage ['TestKey'] = 'Este é o valor do valor de um teste';

 LocalStorage.getItem ('TestKey');

 LocalStorage ['TestKey'];

O LocalStorage também pode armazenar objetos JSON: durante o armazenamento, o objeto é convertido em formato de texto através de json.stringify ();

 Var UsernTity = {Nome: 'Tom', idade: 22}; : 获取到的 json 字符串转换回对象 var userjSonstr = localStorage .getItem ('user'); userentity = json.parse (userjSonstr); console.log (userentity.name);