El almacenamiento persistente

Las instrucciones disponibles son:

Añadir un valor

Es posible agregar un dato persistente mediante la propiedad setItem() del objeto localStorage. Estos datos toman la forma de pares (clave, valor). Hay que destacar que estos pares son cadenas de caracteres y pueden estar vacíos. La sintaxis es:


localStorage.setItem(clave, valor);
 

Los nombres también se almacenan como cadenas de caracteres. Para utilizarlos como tales, es preciso usar las funciones parseInt(), parseFloat() o Number() de JavaScript clásico.

Leer un valor almacenado

La propiedad getItem() permite recuperar un valor que ya existe. Su sintaxis es:


localStorage.getItem(clave);
 

Eliminar un valor almacenado

Para eliminar un valor, el desarrollador dispone de la propiedad removeItem().


localStorage.removeItem(clave);
 

De este modo, la clave que se ha pasado como parámetro y el valor asociado a ella se borrarán. Si la clave no existe, no se borrará nada.

Eliminar todos los valores almacenados

Para eliminar todos los pares clave/valor, el desarrollador dispone de la propiedad clear().


localStorage.clear();
 

Ejemplo

Elaboramos una lista de la compra que se puede completar día a día.

Al principio:

images/CAP24IMG01.png

Después de rellenar la lista:

images/CAP24IMG02.png

El código


<!doctype html>  
<html>  
<head>  
<title>Html5</title>  
<meta charset="utf-8">  
<style type="text/css">  
#box { border: 1px dotted navy;  
       padding-left: 3px;  ...
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Presentación
Siguiente
El almacenamiento temporal