Resumen de HTML5 LocalStoray

En HTML5, se agrega una nueva función de almacenamiento local. Tamaño de 5 m, que será diferente en diferentes navegadores.

1. LocalStorage expande el límite 4K de cookie

2. LocalStoray puede almacenar directamente los primeros datos de solicitud en el área local. . Apoyo

1. El tamaño del navegador no es uniforme, y la versión de IE por encima de IE8 solo admite el atributo de LocalStorage

2. En la actualidad, todos los navegadores limitarán el tipo de valor del almacenamiento local como tipo de cadena.

3. LocalStorage no puede leer en el modo de privacidad del navegador

4. LocalStorage se lee esencialmente en la cadena.

5. LocalStorage no puede ser atrapado por rastreadores

La única diferencia entre LocalStorage y SessionStorage es que LocalStorage pertenece al almacenamiento permanente, y SessionStorage pertenece al final de la sesión.

Aquí usamos LocalStorage para analizar

Aquí hay una declaración especial. Opinión sobre el blogger.

En primer lugar, al usar LocalStorage, necesitamos determinar si el navegador admite el atributo de LocalStorage

 if (! Window.localStorage) {alerta (el navegador admite LocalStorage);

Hay tres formas de escribir LocalStorage, la escritura de LocalStorage.

 if (! Window.localStorage) {alerta (el navegador admite LocalStorage); Toraje. [C]);}

Los resultados después del tiempo de ejecución son los siguientes:

Aquí debemos explicar específicamente que el uso de LocalStorage también sigue la misma estrategia de Origin, por lo que diferentes sitios web no pueden compartir el mismo Storage de LocalStoray

Finalmente, el resultado impreso en la consola es:

No sé si los lectores han notado que el tipo INT acaba de almacenar, pero la impresión está relacionada con las características de LocalStorage.

 if (! Window.localStorage) {alerta (el navegador admite LocalStorage);} else {Var Storage = Window.localStorage; // Escribir en el almacenamiento de campo C.SetItem (C, 3); /El primer método lea var a = storage.a; .getitem (c);

Estas son tres formas de leer LocalStorage.

Dije antes que LocalStoray sea equivalente a una base de datos frontal.

Hablemos sobre los dos pasos del Delete y el Cambio de la Ganalización Local.

Es mejor entender este paso.

 if (! window.localStorage) {alerta (el navegador admite localStorage);} else {var storage = window.localStorage; // Escribir en el Campo C.SetItem (C, 3); ;/

En esta consola, podemos ver que la clave A se ha cambiado a 4

1. Borrar todo el contenido de LocalStorage

 VARSELO = Window.localStorage;

2. Eliminar un valor clave en LocalStorage

 VAR ALMACENAMIENTO = Window.localStorage; A = 1;

Los resultados de la vista de la consola

 Var Storage = Window.localStorage; Entonces, luego registre (clave);}

Use el método clave () para obtener la clave correspondiente del índice del índice in -y -ut

En general, almacenaremos JSON en LocalStorage, pero LocalStorage convertirá automáticamente el StorageStorage en formularios de cadena.

En este momento, podemos usar json.stringify () para convertir JSON en cadena JSON

Ejemplo:

 if (! Window.localStorage) {alerta (el navegador admite LocalStorage);} else {var Storage = Window.localStorage; d = json.Stringify (Data);

Después de leer, la cadena JSON debe convertirse en un objeto JSON, y el método json.parse () se usa para usar el método json.parse ()

 Var Storage = Window.localStorage; Cadena json en la salida del objeto json var json = storage.getItem (datos);

Imprimir es objeto objeto

Otra cosa a tener en cuenta es que se deben leer otros tipos.

Lo anterior es el resumen del uso de HTML5 LocalStorage del editor. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!