Dans la section précédente, nous avons appris les différentes manières de paramétrer et de mettre à jour un cookie en JavaScript. En dehors de cela, JavaScript nous permet également de supprimer un cookie. Nous voyons ici toutes les manières possibles de supprimer un cookie.

Différentes manières de supprimer un Cookie

Voici les manières suivantes pour supprimer un cookie :

bouton CSS central

• Un cookie peut être supprimé en utilisant l'attribut expire.
• Un cookie peut également être supprimé en utilisant l'attribut max-age.
• Nous pouvons supprimer explicitement un cookie, en utilisant un navigateur Web.

Exemples pour supprimer un cookie

Exemple 1

Dans cet exemple, nous utilisons l'attribut expire pour supprimer un cookie en lui fournissant une date d'expiration (c'est-à-dire toute date passée).

 function setCookie() { document.cookie='name=Martin Roy; expires=Sun, 20 Aug 2000 12:00:00 UTC'; } function getCookie() { if(document.cookie.length!=0) { alert(document.cookie); } else { alert('Cookie not avaliable'); } } 

Exemple 2

Dans cet exemple, nous utilisons âge maximum attribut pour supprimer un cookie en lui fournissant un nombre zéro ou négatif (qui représente les secondes).

 function setCookie() { document.cookie='name=Martin Roy;max-age=0'; } function getCookie() { if(document.cookie.length!=0) { alert(document.cookie); } else { alert('Cookie not avaliable'); } } 

Exemple 3

Voyons un exemple pour définir, obtenir et supprimer plusieurs cookies.

 <br> <br> function setCookie1() { document.cookie=&apos;name=Martin Roy&apos;; cookie1= document.cookie; } function setCookie2() { document.cookie=&apos;name=Duke William&apos;; cookie2= document.cookie; } function getCookie1() { if(cookie1.length!=0) { alert(cookie1); } else { alert(&apos;Cookie not available&apos;); } } function getCookie2() { if(cookie2.length!=0) { alert(cookie2); } else { alert(&apos;Cookie not available&apos;); } } function deleteCookie1() { document.cookie=cookie1+&apos;;max-age=0&apos;; cookie1=document.cookie; alert(&apos;Cookie1 is deleted&apos;); } function deleteCookie2() { document.cookie=cookie2+&apos;;max-age=0&apos;; cookie2=document.cookie; alert(&apos;Cookie2 is deleted&apos;); } function displayCookie() { if(cookie1!=0&amp;&amp;cookie2!=0) { alert(cookie1+&apos; &apos;+cookie2); } else if(cookie1!=0) { alert(cookie1); } else if(cookie2!=0) { alert(cookie2); } else{ alert(&apos;Cookie not available&apos;); } } 

Exemple 4

Voyons un exemple pour supprimer explicitement un cookie.

 function setCookie() { document.cookie='name=Martin Roy'; } function getCookie() { if(document.cookie.length!=0) { alert(document.cookie); } else { alert('Cookie not avaliable'); } } 

Après avoir cliqué Définir un cookie une fois, chaque fois que nous cliquons Obtenir un cookie , la clé et la valeur des cookies s'affichent à l'écran.

Pour supprimer explicitement un cookie, suivez les étapes suivantes :

python // opérateur

• Ouvrez Mozilla Firefox.
• Cliquez sur Ouvrir le menu - Bibliothèque - Historique - Effacer l'historique récent - Détails .

• Ici, nous pouvons voir un Biscuits case à cocher déjà cochée. Maintenant, cliquez Clair maintenant supprimer explicitement les cookies.

Maintenant, en cliquant Obtenir un cookie , la boîte de dialogue ci-dessous apparaît.

Ici, nous pouvons voir que les cookies sont supprimés.