Im vorherigen Abschnitt haben wir die verschiedenen Möglichkeiten zum Setzen und Aktualisieren eines Cookies in JavaScript kennengelernt. Darüber hinaus ermöglicht uns JavaScript auch das Löschen eines Cookies. Hier sehen wir alle Möglichkeiten, ein Cookie zu löschen.

Verschiedene Möglichkeiten, ein Cookie zu löschen

Es gibt folgende Möglichkeiten, ein Cookie zu löschen:

String-Verkettung

• Ein Cookie kann mithilfe des Ablaufattributs gelöscht werden.
• Ein Cookie kann auch mithilfe des Max-Age-Attributs gelöscht werden.
• Wir können ein Cookie explizit löschen, indem wir einen Webbrowser verwenden.

Beispiele zum Löschen eines Cookies

Beispiel 1

In diesem Beispiel verwenden wir das Expire-Attribut, um ein Cookie zu löschen, indem wir ihm ein Ablaufdatum (d. h. ein beliebiges vergangenes Datum) zuweisen.

 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'); } } 

Beispiel 2

In diesem Beispiel verwenden wir Höchstalter Attribut zum Löschen eines Cookies durch Angabe einer Null oder einer negativen Zahl (die Sekunden darstellt).

 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'); } } 

Beispiel 3

Sehen wir uns ein Beispiel zum Setzen, Abrufen und Löschen mehrerer Cookies an.

 <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;); } } 

Beispiel 4

Sehen wir uns ein Beispiel zum expliziten Löschen eines Cookies an.

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

Nach dem Klicken Cookie setzen einmal, wann immer wir klicken Holen Sie sich Cookie , der Cookie-Schlüssel und -Wert wird auf dem Bildschirm angezeigt.

Um ein Cookie explizit zu löschen, gehen Sie wie folgt vor:

Wumpus-Welt

• Öffnen Sie Mozilla Firefox.
• Klicken Öffnen Sie das Menü – Bibliothek – Verlauf – Aktuellen Verlauf löschen – Details .

• Hier sehen wir ein Kekse Kontrollkästchen, das bereits markiert ist. Klicken Sie jetzt Frei Jetzt die Cookies explizit zu löschen.

Nun zum Klicken Holen Sie sich Cookie , das folgende Dialogfeld wird angezeigt.

Hier sehen wir, dass die Cookies gelöscht werden.