API de Almacenamiento Web
- Página anterior API de Historial Web
- Página siguiente API de Trabajador Web
El API de Web Storage es una sintaxis simple para almacenar y recuperar datos en el navegador. Es muy fácil de usar:
Instancia
localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");
Todos los navegadores soportan el API de Web Storage:
| Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | IE/Edge | Firefox | Safari | Opera |
| Soporta | Soporta | Soporta | Soporta | Soporta |
Objeto localStorage
El objeto localStorage proporciona acceso al almacenamiento local de un sitio específico. Permite almacenar, leer, agregar, modificar y eliminar elementos de datos en ese dominio.
Los datos almacenados no tienen fecha de expiración y no se eliminan cuando se cierra el navegador.
Estos datos estarán disponibles durante días, semanas y años.
Método setItem()
El método localStorage.setItem() almacena elementos de datos en storage.
Acepta un nombre y un valor como parámetros:
Instancia
localStorage.setItem("name", "Bill Gates");
Método getItem()
El método localStorage.getItem() recupera elementos de almacenamiento (storage).
Acepta un nombre como parámetro:
Instancia
localStorage.getItem("name");
Objeto sessionStorage
El objeto sessionStorage es idéntico al objeto localStorage.
La diferencia radica en que el objeto sessionStorage almacena datos de sesión.
Los datos se eliminarán cuando se cierre el navegador.
Instancia
sessionStorage.getItem("name");
Método setItem()
El método sessionStorage.setItem() almacena elementos de datos en el almacenamiento (storage).
Acepta un nombre y un valor como parámetros:
Instancia
sessionStorage.setItem("name", "Bill Gates");
Método getItem()
El método sessionStorage.getItem() recupera elementos de almacenamiento (storage).
Acepta un nombre como parámetro:
Instancia
sessionStorage.getItem("name");
Atributos y métodos del objeto Storage
| Atributo/Método | Descripción |
|---|---|
| key(n) | Devuelve el nombre del clave almacenada en el índice n. |
| length | Devuelve el número de elementos almacenados en el objeto Storage. |
| getItem(keyname) | Devuelve el valor de la clave especificada. |
| setItem(keyname, value) | Añade la clave al almacenamiento, o actualiza el valor de la clave si ya existe. |
| removeItem(keyname) | Elimina la clave del almacenamiento. |
| clear() | Borra todas las claves. |
Páginas relacionadas con Web Storage API
| Atributo | Descripción |
|---|---|
| window.localStorage | Permite guardar pares clave/valor en el navegador web. Almacena datos sin fecha de expiración. |
| window.sessionStorage | Permite guardar pares clave/valor en el navegador web. Almacena datos de una sesión. |
- Página anterior API de Historial Web
- Página siguiente API de Trabajador Web
