Zum Hauptinhalt springen

So löschen Sie Cookies von einem Benutzer mit JavaScript: Eine detaillierte Anleitung

Webentwickler müssen häufig in ihren Projekten mit Cookies arbeiten. Cookies sind kleine Textdateien, die auf dem Computer eines Benutzers gespeichert und zum Speichern von Informationen über ihn verwendet werden. Sie werden häufig verwendet, um benutzerdefinierte Aktivitäten zu verfolgen, personalisierte Inhalte bereitzustellen usw.

Es kann jedoch manchmal notwendig sein, den Cookie vom Benutzer zu entfernen. Dies kann nützlich sein, wenn Sie Ihre Cookie-Daten aktualisieren, unnötige Daten löschen oder einfach die Benutzerdaten löschen möchten. In diesem Artikel werden wir uns ansehen, wie Cookies mit JavaScript gelöscht werden.

JavaScript bietet uns mehrere Möglichkeiten, Cookies zu entfernen. Eine der einfachsten Möglichkeiten besteht darin, die Lebensdauer eines Cookies auf einen früheren Wert einzustellen. Wenn die Lebensdauer eines Cookies abgelaufen ist, löscht der Browser ihn automatisch. Um dies zu tun, müssen Sie einen negativen Wert für die Lebensdauer des Cookies festlegen.

So löschen Sie Cookies in JavaScript: Eine vollständige Anleitung

Wenn Sie Cookies von einem Benutzer mit JavaScript entfernen möchten, folgen Sie dieser detaillierten Anleitung:

  1. Verwenden Sie die document-Funktion.cookie zum Lesen aller Cookies, die im Browser des Benutzers festgelegt sind.
  2. Teilen Sie die Zeichenfolge von Cookies mit der split('; ') -Methode in einzelne Cookies auf.
  3. Durchlaufen Sie alle Cookies und prüfen Sie, ob es sich bei jedem Cookie um einen handelt, den Sie löschen möchten.
  4. Wenn der gewünschte Cook gefunden wird, stellen Sie seine Lebenszeit auf die Vergangenheit ein, damit er verschwindet. Sie können beispielsweise einen negativen Wert wie -1 verwenden.

Der folgende Code veranschaulicht diesen Prozess:

function deleteCookie(cookieName) >>// Пример использованияdeleteCookie('myCookie');

Nachdem dieser Code ausgeführt wurde, wird der Cookie mit dem Namen MyCookie aus dem Browser des Benutzers entfernt. Stellen Sie sicher, dass Sie den richtigen Namen des Cookies verwenden, den Sie löschen möchten, um unerwünschte Änderungen zu vermeiden.

Was sind Cookies und warum werden sie benötigt?

Cookies werden häufig von Webentwicklern verwendet, um die Benutzererfahrung zu verbessern. Sie ermöglichen es der Website, Informationen über Benutzereinstellungen, Einstellungen, den Inhalt des Warenkorbs und andere Daten zu speichern, die in Zukunft nützlich sein könnten. Cookies können auch verwendet werden, um die Aktivitäten des Benutzers zu verfolgen, einschließlich seines Verhaltens auf der Website und seiner Präferenzen, was für die Personalisierung von Inhalten und Werbung nützlich ist.

Zum Beispiel können Cookies verwendet werden, um den Benutzer beim nächsten Besuch der Website automatisch zu authentifizieren, sodass er nicht jedes Mal einen Benutzernamen und ein Passwort eingeben muss. Cookies können auch verwendet werden, um den Traffic und das Verhalten der Nutzer auf der Website zu analysieren, um die Leistung der Website zu optimieren und relevantere Inhalte anzubieten.

Es ist wichtig zu beachten, dass Cookies sicher sind und keinen schädlichen Code oder Viren übertragen können. Sie können nur von der Website installiert oder gelesen werden, von der sie erstellt wurden, und nur der Clientcomputer kann darauf zugreifen. Cookies können vom Benutzer auch jederzeit gelöscht werden, wenn er seine Privatsphäre schützen möchte.

Woher weiß ich, welche Cookies auf meinem Gerät gespeichert sind?

Jeder Webbrowser verfügt über einen speziellen Bereich, mit dem Sie Cookies anzeigen und verwalten können. Um die Entwicklertools zu öffnen, können Sie mit der rechten Maustaste irgendwo auf der Seite klicken und "Element untersuchen" oder "Prüfen" auswählen (je nach ausgewähltem Browser).

Nachdem Sie die Entwicklertools geöffnet haben, müssen Sie auf die Registerkarte "Anwendung" oder "Speicher" wechseln. Dort finden Sie die Kategorie "Cookies" oder "Cookies".

In diesem Abschnitt sehen Sie eine Liste aller auf Ihrem Gerät gespeicherten Cookies. Jedes Cookie enthält Informationen über seinen Namen, seinen Wert, seine Domäne, seinen Pfad, sein Ablaufdatum und andere Parameter.

Für jedes Cookie werden normalerweise auch Optionen zum Löschen, Ändern oder Hinzufügen neuer Werte bereitgestellt. Wenn Sie ein bestimmtes Cookie löschen möchten, wählen Sie es einfach aus und klicken Sie auf die Schaltfläche "Löschen" oder wählen Sie das entsprechende Element aus dem Kontextmenü aus.

Mit den Entwicklertools können Sie auch den Cookie-Speicher deaktivieren oder den Browser so konfigurieren, dass der Cookie beim Schließen gelöscht wird. Auf diese Weise können Sie steuern, welche Cookies auf Ihrem Gerät gespeichert sind und wie sich diese auf Ihre Privatsphäre und Sicherheit auswirken.

Wie lösche ich alle Cookies mit JavaScript?

Das Löschen aller Cookies mit JavaScript kann nützlich sein, wenn Sie die auf dem Computer des Benutzers gespeicherten Daten vollständig löschen möchten. Hier ist ein einfacher Weg, dies zu erreichen:

var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) -1 ? cookie.substr(0, eqPos) : cookie;document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";>

Dieser Code erhält eine Liste aller Cookies und trennt sie durch Zeichen ";" und dann durchläuft er jeden Cookie und setzt ihn auf abgelaufen, indem er das Ablaufdatum auf das abgelaufene Datum "01 Jan 1970 00:00:00 GMT" setzt. Auf diese Weise werden alle Cookies gelöscht.

Hinweis: Da Cookies auf der Clientseite gespeichert werden, muss dieser Code im Browser des Benutzers ausgeführt werden. Es werden keine Cookies auf dem Server gelöscht.

Wie lösche ich ein bestimmtes Cookie mit JavaScript?

Um einen bestimmten Cookie mit JavaScript zu entfernen, können Sie die document-Methode verwenden.cookie und setze den Cookie-Wert auf eine leere Zeichenfolge. Hier ist ein Beispielcode, mit dem Sie einen Cookie mit dem Namen "Kuckuckname" löschen können:

SchrittDie BeschreibungKode
1Erhalten Sie den Wert des Cookies mit document.cookie . let cookies = document.cookie;
2Teilen Sie den Cookie-Wert in einzelne Cookies auf. let cookiesArray = cookies.split(';');
3Gehen Sie durch das Cookie-Array und suchen Sie nach dem gewünschten Cookie. let cookieToDelete;
for (let i = 0; i < cookiesArray.length; i++) let cookie = cookiesArray[i].trim();
if (cookie.indexOf('kuchenname=') === 0) cookieToDelete = cookie;
break;
>
>
4Löschen Sie den gefundenen Cookie, indem Sie seinen Wert auf eine leere Zeichenfolge setzen und den abgelaufenen Cookie festlegen. let date = new Date();
date.setTime(date.getTime() - 1);
document.cookie = cookieToDelete + '; expires=' + date.toGMTString();

Nachdem Sie diese Schritte ausgeführt haben, wird ein bestimmter Cookie mit dem Namen "Kuckname" gelöscht. Beachten Sie, dass Sie Cookies nur auf derselben Domäne und demselben Pfad löschen können, auf dem das Cookie installiert wurde.

Auf diese Weise können Sie ein bestimmtes Cookie einfach mit JavaScript löschen, indem Sie die oben beschriebenen Schritte befolgen.

Wie kann ich Cookies für einen bestimmten Zeitraum mit JavaScript löschen?

Das Löschen von Cookies für einen bestimmten Zeitraum kann nützlich sein, wenn Sie die Benutzereinstellungen nur für eine bestimmte Zeit beibehalten möchten. In diesem Leitfaden werden wir uns ansehen, wie Cookies für einen bestimmten Zeitraum mit JavaScript gelöscht werden.

Um Cookies für einen bestimmten Zeitraum zu entfernen, können wir die Methode verwenden document.cookie und legen Sie den Cookie-Wert mit einer leeren Zeichenfolge fest, die das Ablaufdatum des Cookies angibt.

Hier ist ein Beispielcode:

function deleteCookie(name) 

In diesem Beispiel haben wir eine Funktion erstellt deleteCookie, der den Namen des Cookies als Parameter akzeptiert. Wir setzen dann den Cookie mit dem angegebenen Namen auf den Wert einer leeren Zeichenfolge und dem Ablaufdatum "Thu, 01 Jan 1970 00:00:00 UTC". Dadurch kann der Browser den Cookie löschen.

Betrachten wir ein Beispiel für die Verwendung dieser Funktion:

deleteCookie("myCookie");

In diesem Beispiel rufen wir die Funktion auf deleteCookie mit dem Argument "MyCookie", das bedeutet, dass ein Cookie namens "MyCookie" gelöscht wird.

Jetzt wissen Sie, wie Sie Cookies für einen bestimmten Zeitraum mit JavaScript löschen können. Sie können diese Methode verwenden, um Cookies nach einer bestimmten Zeitspanne zu löschen und die Benutzereinstellungen nur für diese Zeit zu speichern.

Wie kann ich Cookies nur für einen bestimmten Pfad löschen?

Um ein Cookie mit JavaScript für einen bestimmten Pfad zu löschen, müssen Sie beim Erstellen des Cookies und beim Löschen des Cookies einen Pfadwert festlegen. Dadurch können Sie nur die Cookies löschen, die dem angegebenen Pfad entsprechen.

Hier ist ein Beispielcode, der das Löschen eines Cookies für einen bestimmten Pfad veranschaulicht:

function deleteCookie(name, path) deleteCookie('myCookie', '/example/path');

In diesem Beispiel wird die deleteCookie-Funktion verwendet, um ein Cookie mit dem Namen 'MyCookie' und dem Pfad '/example/path' zu löschen. Der Pfadwert muss genau dem Pfad entsprechen, den Sie beim Erstellen des Cookies festgelegt haben.

Beachten Sie, dass Cookies nur für einen Pfad pro Aktion gelöscht werden können. Wenn Sie Cookies für mehrere Pfade löschen müssen, müssen Sie die Funktion deleteCookie für jeden Pfad separat aufrufen.