Atributo Window localStorage

Definición y uso

Las propiedades localStorage y sessionStorage permiten almacenar pares clave/valor en el navegador web.

El objeto localStorage almacena datos sin fecha de expiración. Los datos no se eliminan cuando se cierra el navegador y estarán disponibles al día siguiente, en la semana o un año después.

El atributo localStorage es de solo lectura.

Consejo:Por favor, consulte Atributo sessionStorage，este atributo almacena datos de una sesión (los datos se pierden cuando se cierra la pestaña del navegador).

Ejemplo

Ejemplo 1

Cree un nombre/valor de localStorage con name="lastname" y value="Smith", luego recupere el valor de "lastname" e ingréselo en el elemento con id="result":

// Almacenar
localStorage.setItem("lastname", "Smith");
// Recuperar
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Intente hacerlo usted mismo

Ejemplo 2

El siguiente ejemplo calcula el número de veces que el usuario ha hecho clic en el botón:

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Has hecho clic en el botón " +
localStorage.clickcount + " vez(es).";

Intente hacerlo usted mismo

Sintaxis

window.localStorage

La sintaxis para guardar datos en localStorage:

localStorage.setItem("clave", "valor");

La sintaxis para leer datos de localStorage:

var lastname = localStorage.getItem("clave");

La sintaxis para eliminar datos de localStorage:

localStorage.removeItem("clave");

Detalles técnicos

Valor devuelto: Objeto Storage

Compatibilidad del navegador

Los números en la tabla especifican la versión del navegador que primero admite completamente el atributo.

Atributos Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5