Atributo localStorage de Window

Objeto Window de JavaScript

localStorageLas propiedades de solo lectura le permiten acceder a unAlmacenamientoPara el objeto fuente del documento; los datos almacenados se guardan a través de sesiones de navegador.

En comparación con el uso de cookies, el objeto localStorage proporciona un mecanismo mediante el cual el navegador puede almacenar claves de mejor manera./Pares de valores.

localStorage ysessionStorageSimilar, la diferencia radica en que, aunque los datos almacenados en localStorage no tienen una fecha de expiración, los datos almacenados en sessionStorage se borrarán al finalizar la sesión de la página (es decir, cuando se cierre la página).

Usted puede encontrar en nuestroHTML5 En el API de almacenamiento webConozca más sobre localStorage.

Sintaxis:

window.localStorage

Guardar los datosGuardarLa sintaxis para almacenar en localStorage es:

localStorage.setItem("key", "value");

Desde localStorage LeerSintaxis de los datos:

var name = localStorage.getItem("key");

Desde localStorage EliminarSintaxis de los datos:

localStorage.removeItem("key");

//　Almacenar
localStorage.setItem("name", "Parrot");
//　Recuperar
document.getElementById("demo").innerHTML = localStorage.getItem("name");

El código anterior crea un nombre de almacenamiento local utilizando name="name" y value="Parrot"./Pares de valores.

Luego, recupere el valor de "Nombre" e ingréselo en el elemento con id="demo".

Nombre/Los pares de valores siempre se almacenan como cadenas, y pueden convertirse a otro formato cuando sea necesario.

Compatibilidad del navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente las propiedades localStorage:

Detalles técnicos

Más ejemplos

El siguiente ejemplo establece una variable de almacenamiento local y accede a esta variable cada vez que se visita la página:

if　(localStorage.hits)　{
localStorage.hits　=　Number(localStorage.hits)　+　1;
}　else　{
localStorage.hits　=　Number(localStorage.hits)　1;
}

También puede eliminar proyectos de localStorage:

localStorage.removeItem("hits");

Referencias relacionadas

Referencia de Ventana (Window):Atributo window.sessionStorage

Tutoriales de HTML:HTML5 API de Almacenamiento Web

Objeto Window de JavaScript