Atributo sessionStorage de Window

La propiedad sessionStorage permite acceder a un objeto de almacenamiento de sesión. Debe tenerse en cuenta que los datos almacenados en sessionStorage o localStorage son específicos del protocolo de la página.

Objeto Window de JavaScript

estesessionStorageLa propiedad de solo lectura te permite acceder a un Session Storageobjeto.

Las propiedades localStorage y sessionStorage permiten almacenar un/Los pares de valores se almacenan en el navegador web.

El objeto sessionStorage almacena los datos de una sesión del navegador. Cuando el usuario cierra una pestaña específica del navegador, los datos se eliminan.

sessionStorage es similar a localStorage; la única diferencia es que los datos almacenados en localStorage no tienen una fecha de expiración, mientras que los datos almacenados en sessionStorage se eliminan al finalizar la sesión de la página.

Las sesiones de página web se mantienen durante la apertura del navegador y se conservan las sesiones de página originales al recargar o restaurar la página. Al abrir una nueva pestaña o ventana, se copia el contexto de la sesión superior del navegador como contexto de la nueva sesión, lo que difiere del funcionamiento de las cookies de sesión.

Puede encontrar en nuestrasHTML5 en el API de Web StorageConozca más sobre sessionStorage.

Sintaxis:

window.sessionStorage

Guardar los datosGuardarSintaxis para guardar en sessionStorage:

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

Desde sessionStorage LeerSintaxis de los datos:

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

Desde sessionStorage EliminarSintaxis de los datos:

sessionStorage.removeItem("key");

Desde sessionStorage Eliminar todoSintaxis de los datos almacenados:

sessionStorage.clear();

//　Almacenamiento
sessionStorage.setItem("name", "Parrot");
//　Obtener valor
document.getElementById("demo").innerHTML = sessionStorage.getItem("name");

El código anterior crea una sesión de almacenamiento de nombre usando name="name" y value="Parrot"./Pareja de valores.

Luego buscar el valor de "nombre" e insertarlo en el elemento con id="demo".

Nombre/Los valores siempre se almacenan como cadenas, y se pueden convertir a otro formato según sea necesario.

Nota:Una vez que el usuario cierra la ventana del navegador, sessionStorage se borrará.

Compatibilidad del navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente la propiedad sessionStorage:

Detalles técnicos

Más ejemplos

El siguiente ejemplo establece una variable de sesión y accede a la variable:

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

Referencias relacionadas

Referencia de ventana (Window):Propiedad window.localStorage

Tutoriales HTML:HTML5 API de almacenamiento web

Objeto Window de JavaScript