localStorage

localStorage vs Cookies:

  • En ambos casos la información es almacenada en el cliente, es decir, en el navegador, pero accedemos y manipulamos la información de las cookies desde el servidor y accedemos y manipulamos la información del localStorage desde el cliente.
  • Podemos almacenar hasta 4 Kb por cookie, mientras que en el caso de localStorage podemos almacenar hasta 4MB por dominio.
localStorage.setItem("clave", valor);
var variable = localStorage.getItem("clave");

Consideraciones:

localStore sólo almacena texto, si quisiera almacenar un array, tendría que seguir el siguiente proceso:

localStorage.setItem(JSON.stringify(names));
var storedNames = localStorage.getItem(JSON.parse(localStorage["names"]));

Ejercicios

1. Al pulsar el botón de “Salvar cambios” deben almacenarse los cambios. Al cerrar y regresar al navegador, los cambios deben estar ahí.

2. Crear un botón para eliminar el contenido almacenado en el ejercicio anterior.

localStorage.clear();
location.reload();

3. Al seleccionar una imagen, esta debe aparecer en la página siguiente.

Volver a: Javascript

Aviso Legal | Política de privacidad