Cookie de documento HTML DOM
Ejemplo
Obtener todas las cookies asociadas a este documento:
let allCookies = document.cookie;
Definición y uso
La cookie
propiedad establece o devuelve una lista separada por punto y coma de pares clave=valor (cookies de documento).
Un ejemplo de creación de una cookie:
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC;
path=/";
Nota
Las cookies no pueden contener comas, puntos y comas o espacios en blanco.
El método encodeURIComponent() garantiza que no lo hagan.
Ver también:
Tutorial de cookies de JavaScript
Consejo:
A veces, la API de almacenamiento es una mejor herramienta:
Sintaxis
Devolver la galleta:
document.cookie
Establecer la cookie:
document.cookie = newCookie
Parámetro
Una lista separada por punto y coma de pares nombre=valor , seguida de cualquiera de estos valores opcionales:
expires=date max-age=seconds path=path domain=domainname secure |
Valor devuelto
Escribe | Descripción |
Cuerda | Una lista separada por punto y coma de pares clave=valor (cookies de documento). |
Cookies frente a almacenamiento local
Las cookies son para aplicaciones cliente-servidor (navegador-servidor).
El almacenamiento local es para aplicaciones cliente (navegador).
Las cookies están asociadas a sitios web. Si los datos son para uso del cliente, el envío de cookies en cada encabezado HTTP es muy reducido.
Algunos usuarios tienen las cookies deshabilitadas por regla general en sus navegadores.
Una Cookie tiene un límite de tamaño de 4 Kilobytes. El almacenamiento local tiene un límite de 5 Megabytes por dominio.
Una Cookie tiene fecha de caducidad. El almacenamiento local no lo ha hecho.
Compatibilidad con navegador
document.cookie
es una característica DOM Nivel 2 (2001).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |