Propiedad sessionStorage de Window

Definición y uso

localStorage Y sessionStorage La propiedad permite guardar pares clave/valor en el navegador web.

sessionStorage El objeto almacena únicamente datos de una sesión (los datos se eliminan cuando se cierra la pestaña del navegador).

Consejo:Por favor, consulte Atributo localStorage，este atributo almacena datos sin fecha de expiración. Los datos no se eliminan cuando se cierra el navegador y están disponibles al día siguiente, en una semana o en un año.

Ejemplo

Ejemplo 1

Crea un par de nombre/valor de sessionStorage con name="lastname" y value="Smith", luego recupera el valor de "lastname" e inserta en el elemento con id="result":

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

Prueba por ti mismo

Ejemplo 2

El siguiente ejemplo calcula el número de veces que el usuario ha pulsado el botón en la sesión actual:

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Has pulsado el botón " +
sessionStorage.clickcount + " veces en esta sesión.";

Prueba por ti mismo

Sintaxis

window.sessionStorage

Sintaxis para guardar datos en sessionStorage:

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

Sintaxis para leer datos de sessionStorage:

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

Sintaxis para eliminar datos de sessionStorage:

sessionStorage.removeItem("key");

Sintaxis para eliminar todos los datos guardados en sessionStorage:

sessionStorage.clear();

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
sessionStorage 4.0 8.0 3.5 4.0 11.5