HTML5 LocalStorage Almacenamiento local y valor refrescante

1. LocalStorage es un almacenamiento local, y el período de almacenamiento no se limita;

2. Almacenamiento de sesión de SessionStorage, los datos de apagado de la página se perderán.

LocalStorage.SetItem (clave, valor) // almacenamiento

Localstorage.getItem (tecla) // presione la tecla para el valor

LocalStorage.ValueOf () // Obtener el valor completo

LocalStorage.removeItem (clave) // Eliminar un valor único, preste atención a las comillas

localstorage.clear () // eliminar todos los datos

Localstorage.length // el número de datos obtenidos

Localstorage.key (n) // Obtener el valor clave de los datos nn

Nota: LocalStorage y SessionStorage son los mismos que anteriores.

LocalStorage.Key = 1; / Configurar el almacenamiento, la tecla de nombre, el valor 1

LocalStorage.RemoveItem (clave);

El siguiente es un ejemplo práctico:

Para lograr el contenido de texto de entrada localmente, para cerrar el navegador, y después de reabrir, el contenido ingresado anteriormente aún está (comúnmente ingresado en el campo de vacaciones en el registro de teléfonos móviles).

En primer lugar, haga un dominio de texto en la página <ExteArea> </extAREA>, a continuación es jQuery:

 If (! LocalStorage.getItem (text)) // Window Object, la ventana anterior omite el LocalStorage.SetItem (Text,); Si se elimina a localStorage.text = localStorage.getItem (texto); como Blur, Cambiar, Keydown y un temporizador, que es práctico en el almacenamiento multi -campo de almacenamiento.

Lo anterior puede lograr una función pequeña práctica, que refleja que el almacenamiento local de H5 sigue siendo útil. Vea lo siguiente, cargue desde Internet

 <script type = text/javaScript> if (window.sessionStorage) {alert ('ok');} else {alert ('fail');} // set valor .setitem a ', 1); sessionStorage.getItem ('key_a'); ); ============== '); log (key_d); Un valor de retorno indefinido, uno es NULL console.log (sessionStorage.Key_Null); ==== == Simplemente demuestre un ejemplo de objeto de almacenamiento ======== '); : a 'a', y: ['bb', 12, 'cc', {a: 1, b: 2}], z: 1333}}; ); I ++) {consola. Key SessionStorage.RemoveItem ('' '' Pay ');

Ejemplo: Digger, actualiza la página, puede ver el efecto:

 <Div id = test> </div> <script> Var Storage = Window.localStorage; ser un formato para transformar el document.getElementById (prueba).

Cabe señalar que el almacenamiento local de HTML5 solo se puede almacenar en una cadena. Esta es la razón por la cual se debe utilizar ParseInt en el código anterior.

Lo anterior es el valor de cepillado de almacenamiento local HTML5 que le presenté. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!