HTML5 LocalStorage Almacenamiento local

LocalStorage está almacenado local, que puede usarse para la preservación a largo plazo de datos en todo el sitio web.

Este objeto puede llamarse en el idioma JavaScript a través de Window.LocalStorage o LocalStorage.

1) Restricciones en la misma estrategia de origen. Si desea operar el mismo almacenamiento local entre diferentes páginas, estas páginas deben estar bajo el mismo protocolo, el mismo nombre de host y el mismo puerto. (Los datos de almacenamiento IE8 y 9 se basan en el mismo nombre de host, ignorando los requisitos del protocolo (HTTP y HTTPS) y el número de puerto)

2) Solo almacenado localmente. Los datos de LocalStorage no se enviarán al servidor con la solicitud HTTP, que solo entrará en vigencia localmente.

3) Preservación permanente. Los datos guardados no expiraron hasta la eliminación manual.

4) Método de almacenamiento. El método de almacenamiento de LocalStorage está hecho y valor. El valor del valor debe ser un tipo de cadena (no la no hostilla, y también se convertirá en una cadena durante el almacenamiento. El valor verdadero se convertirá en verdadero).

5) Límite de almacenamiento: los diferentes navegadores almacenan el límite superior, pero la mayoría de los navegadores limitan el límite superior a menos de 5 MB.

6) Comparta con el navegador. Los datos de LocalStorage se pueden compartir entre las mismas páginas de fuente de diferentes pestañas del mismo navegador.

La versión más pequeña del navegador LocalStorage: IE8, Chrome 5.

LocalStorage es más adecuado para 2 lugares:

1) Esquema de conservación temporal con grandes datos. Como la preservación automática de artículos de edición en línea.

2) Datos comunes de acceso a múltiples páginas. SessionStorage solo es aplicable a la misma página de pestañas.

Readonly int localStorage.length: devuelve un entero, indicando el número de elementos de datos (pares de valores clave) almacenados en el objeto LocalStorage.

String LocalStorage.Key (INT índice): Devuelve el nombre clave del número de serie del índice del objeto LocalStorage actual. Si no devuelve nulo.

StringLocalStorage.getItem (clave de cadena): el valor correspondiente al nombre de la tecla (clave). Si no devuelve nulo.

VoidLocalStorage.SetItem (clave de cadena, valor de cadena): este método acepta un nombre de clave (clave) y un valor como parámetro para agregar el valor de la clave al almacenamiento;

VoidLocalStorage.RemoveItem (clave de cadena): elimine el nombre de la clave especificado del objeto LocalStorage.

VoidLocalStorage.Clear (): Borre todos los elementos del objeto LocalStorage.

Almacenamiento: cuando cambia a LocalStorage, este evento se activa.

Este incidente tiene un mecanismo de activación diferente en IE 11 y Chrome:

1) Si la página actual se desencadena: cuando la página actual es operada por LocalStorage, IE 11 es la página actual que también desencadena este evento.

2) Repita la operación del almacenamiento local: si deposita los datos duplicados, es decir, 11 se activa este evento, y Chrome no desencadena este incidente.

 LocalStorage.SetItem ('TestKey', 'Este es un valor de prueba "); //

 LocalStorage ['testKey'] = 'Este es el valor de valor de una prueba';

 LocalStorage.getItem ('testKey');

 LocalStorage ['testKey']; // => Este es el valor de una prueba

LocalStorage también puede almacenar objetos JSON: durante el almacenamiento, el objeto se convierte en formato de texto a través de json.stringify ();

 var userNtity = {nombre: 'Tom', edad: 22}; : 获取到的 json 字符串转换回对象 var userJSonstr = localStorage .getItem ('user'); userEntity = json.parse (userJSonstr); console.log (userEntity.name);