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.
Característica1) 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.
Suporte de versão mínima do navegadorA menor versão do navegador LocalStorage: IE8, Chrome 5.
Cenário aplicávelLocalStorage é 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.
propriedadeREADONLY INT LocalStorage.Length: Retorne um número inteiro, indicando o número de itens de dados (pares de valores -chave) armazenados no objeto LocalStorage.
métodoString 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.
eventoArmazenamento: 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.
Dados de armazenamento Use o método setItem () para armazenar LocalStorage.SetItem ('TestKey', 'Este é um valor de teste "); // Armazene através de atributosLocalStorage ['TestKey'] = 'Este é o valor do valor de um teste';Obtenha dados Valor através do método getItem ()
LocalStorage.getItem ('TestKey'); Valor por atributoLocalStorage ['TestKey'];Armazene o objeto JSON
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);