Window localStoragePropiedad

JavaScript 存储对象Objeto de almacenamiento de JavaScript

Ejemplo

Utilice localStorage para crear un par nombre/valor almacenado localmente, name="lastname" value="Smith", luego recupere el valor de "lastname" e insértelo en el elemento con id="result":

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

Pruébalo »

Definición y uso

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

localStorage se utiliza para guardar datos de todo el sitio web de forma permanente; los datos guardados no tienen tiempo de expiración, hasta que se eliminen manualmente.

La propiedad localStorage es de solo lectura.

Consejo:Si solo deseas guardar los datos en la sesión actual, puedes usarsessionStoragela propiedad sessionStorage, que guarda temporalmente los datos de la misma ventana (o pestaña); estos datos se eliminarán al cerrar la ventana o pestaña.

Soporte del navegador

Los números en la tabla indican el número de versión del primer navegador que admite la propiedad.

Propiedad
localStorage 4.0 8.0 3.5 4.0 11.5

Sintaxis

window.localStorage

Sintaxis para guardar datos:

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

Sintaxis para leer datos:

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

Sintaxis para eliminar datos:

localStorage.removeItem("key");

Detalles técnicos

Valor de retorno: Un objeto de almacenamiento

Más ejemplos

Ejemplo

El siguiente ejemplo se utiliza para registrar la cantidad de veces que se hace clic en un 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 + "veces.";

Pruébalo »

JavaScript 存储对象Objeto de almacenamiento de JavaScript

Otras extensiones