Javascript – #4.12. Web Storage. Introducción

Unidad
Materiales

Nos adentramos en un concepto nuevo hasta ahora en este conjunto de cursos de programación con Javascript: el concepto de API; y es que Web Storage es una API de almacenamiento web que proporciona los mecanismos mediante los cuales el navegador puede almacenar información de tipo clave-valor de una forma mucho más intuitiva que utilizando cookies.

Cuando hablamos de Web Storage disponemos, a su vez, de dos mecanismos de almacenamiento web:

  • sessionStorage: que permite almacenar información mientras el navegador está abierto; es decir, mientras dura la sesión de la página. Todas las páginas que tienen el mismo origen (dominio y protocolo) pueden acceder a estos datos indistintamente.
  • localStorage: similar a sessionStorage pero los datos se mantienen aún a pesar de que cerremos el navegador.

En primer lugar, lo más recomendable es comprobar si el navegador que vamos a utilizar soporta Web Storage.

A continuación, utilizaremos los diferentes métodos que nos permitirán trabajar con este tipo de almacenamiento:

  • setItem: permite crear un elemento de almacenamiento web.
  • getItem: permite consultar un elemento.
  • removeItem y clear: permite eliminar información de un elemento o el elemento completo.

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!