Cookie de document HTML DOM
Exemple
Obtenez tous les cookies associés à ce document :
let allCookies = document.cookie;
Définition et utilisation
La cookiepropriété définit ou renvoie une liste de paires clé=valeur séparées par des points-virgules (cookies de document).
Un exemple de création de cookie :
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC;
path=/";
Noter
Les cookies ne peuvent pas contenir de virgules, de points-virgules ou d'espaces blancs.
La méthode encodeURIComponent() garantit que ce n'est pas le cas.
Voir également:
Tutoriel sur les cookies JavaScript
Conseils:
Parfois, l'API Storage est un meilleur outil :
Syntaxe
Renvoyez le cookie :
document.cookie
Définissez le cookie :
document.cookie = newCookie
Paramètre
Une liste de paires nom=valeur séparées par des points-virgules , suivies de l'une de ces valeurs facultatives :|
expires=date max-age=seconds path=path domain=domainname secure |
Valeur de retour
| Taper | La description |
| Chaîne de caractères | Une liste de paires clé=valeur séparées par des points-virgules (cookies de document). |
Cookies vs stockage local
Les cookies sont destinés aux applications client-serveur (navigateur-serveur).
Le stockage local est destiné aux applications clientes (navigateur).
Les cookies sont associés aux sites Web. Si les données sont destinées à l'usage du client, l'envoi de cookies dans chaque en-tête HTTP réduit la bande passante.
Certains utilisateurs ont en règle générale désactivé les cookies dans leurs navigateurs.
Un cookie a une limite de taille de 4 kilo-octets. Le stockage local a une limite de 5 mégaoctets par domaine.
Un cookie a une date d'expiration. Le stockage local n'a pas.
Prise en charge du navigateur
document.cookie est une fonctionnalité DOM niveau 2 (2001).
Il est entièrement pris en charge dans tous les navigateurs :
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |