So löschen Sie ein Cookie in JavaScript

Cookies umfassen kleine Dateien, die die Benutzerinformationen im Zusammenhang mit den aktuellen und vorherigen Sitzungen in einem Browser speichern. Diese Informationen werden verwendet, wenn der Benutzer den Browser erneut öffnet und die letzte Anmeldesitzung mit Hilfe von Cookies wiederhergestellt wird. Es kommt jedoch zu einem Punkt, an dem Sie aufgrund jeglicher Privatsphäre oder Sicherheitsrisiko Cookies löschen möchten.

JavaScript erleichterte es, Cookies zu löschen, indem die Werte von festgelegt werden "Max-Alter" und "läuft ab" Attribute. Darüber hinaus können Sie alle zusätzlichen Cookies gleichzeitig mit der Verwendung des Einstellungen des Browsers.

In diesem Artikel werden die Methoden zum Löschen von Cookies in JavaScript erläutert. So lass uns anfangen!

So löschen

Cookies in JavaScript bieten eine “läuft ab”Attribut, das es Ihnen ermöglicht, eine hinzuzufügen Verfallsdatum In Universelle Zeit koordiniert (UTC) zum Keks “Name = Wert" Paar. Durch Angeben eines überschrittenen Datums als Ablaufdatum kann ein Cookie leicht in JavaScript gelöscht werden.

Schauen Sie sich das untergewandte Beispiel an.

Beispiel: So löschen Sie ein Cookie in JavaScript mit dem Ablauf -Attribut

Zunächst werden wir zwei Tasten hinzufügen: “setcookie" Und "Getcookie" im "Index.html" Datei. Der "setcookie"Die Taste ruft die" auf "setcookie ()"Funktion zum Erstellen eines Keks, während das"GetcookieSchaltfläche ruft die “an"Getcookie ()"Funktion zum Abrufen des Keks"Schlüsselwert" Paar:

So ist unsere ““Index.html”Datei sieht aus:

Als nächstes werden wir definieren “setcookie ()" Und "Getcookie ()"Funktionen in der"Projekt.JS" Datei. Der "setcookie ()"Funktion erstellt ein Cookie mit" mit "Schlüsselwert”Paar als“Name-Alexander"Und legt den Wert der" fest "läuft ab" zuschreiben "Sa, 20. Januar 1980 12:00:00 UTC”.

Wenn das Cookie -Objekt erstellt wird, überprüft der JavaScript -Interpreter das Ablaufdatum und löscht es sofort aus dem System, da wir dem "über das übergebene Datum dem" dem "zugewiesen haben" zugewiesen habenläuft ab”Attribut:

Funktion setcookie ()
dokumentieren.Cookie = "Name = Alexander; läuft = Sa, 20. Januar 1980 12:00:00 UTC";

Eine weitere Funktion, die wir definieren werden, ist die “ist die“Getcookie ()”Funktion. Der "Getcookie ()Die Funktion überprüft die Länge des erstellten Cookies und zeigt das Schlüsselwertpaar in einem Alarmfeld an. In unserem Fall gilt das erstellte Cookie als "als"Abgelaufen"Infolgedessen erscheint auf dem Browser eine Warnbox, in der das heißt,"Cookie ist nicht verfügbar”:

Funktion getcookie ()
if (Dokument.Plätzchen.Länge != 0)
Alarm (Dokument.Plätzchen);

anders
alarm ("Cookie ist nicht verfügbar");

Als nächstes werden wir retten “Index.html" Und "Projekt.JS"Dateien und dann den VS -Code verwenden"Live -ServerErweiterung zum Ausführen der Anwendung im Browser:

Die geöffnete Webseite umfasst zwei Schaltflächen: “setcookie" Und "Getcookie"Wo klicken Sie auf die"setcookie"Erstellt ein neues Cookie mit angegebenen"Schlüsselwert”Paar und“läuft ab" Attributwert:

Klicken Sie dann auf die “Getcookie" Taste:

Bei der Ausführung der angegebenen Aktion mit der Nachricht wird ein Warnbox generiertCookie ist nicht verfügbar”. Dies bedeutet, dass der erstellte Cookie erfolgreich gelöscht wird:

Ein weiteres Attribut, das zum Löschen von Cookies verwendet werden kann, heißt “,"Maximalzeit”. Lassen Sie uns als nächstes lernen, wie man das benutzt “Maximalzeit”Cookies Attribut zum Löschen von Cookies.

So löschen

Die Lebensdauer eines Cookies wird nach der aktuellen Sitzungsdauer des Browsers festgelegt. Sie können jedoch das verwenden “Maximalzeit”Attribut, um seine zu definieren Lebensdauer, die unabhängig von der Browser -Sitzungsdauer sein wird.

Der "Maximalzeit"Attribut akzeptiert seinen Wert in Form von"Sekunden,"Und einstellen"null" oder "negative Zahlen"Definiert das Keksleben als" als "nullSekunden. Auf diese Weise können Sie das nutzen “Maximalzeit”Attribut zum Löschen eines Keks im Browser.

Beispiel: So löschen Sie ein Cookie in JavaScript mit dem Max-Age-Attribut

Im "Projekt.JS"Datei, wir werden die untergedrehte Zeile hinzufügen, um ein Cookie mit einem" zu erstellen "null" Lebensdauer:

dokumentieren.cookie = "name = Alexander; max-altern = 0";

Nach dem Hinzufügen der “SchlüsselwertDas JavaScript -Dolmetscherpaar überprüft den Wert des “Maximalzeit”Attribut, das auf“ eingestellt ist0,Und dann den erstellten Cookie sofort aus dem System löschen:

Speichern Sie den angegebenen Code und öffnen Sie ihn in Ihrem Browser. Danach klicken Sie auf die “setcookieSchaltfläche zum Einstellen des angegebenen Cookies:

Anschließend klicken Sie auf die “Getcookie" Taste:

Der Mehrwert der “MaximalzeitDas Attribut zwingt die JavaScript -Engine zum Löschen des Keks. Infolgedessen zeigt das Alarmbox eine Nachricht an “Cookie ist nicht verfügbar”:

Will jeden versuchen explizite Methode für Kekse löschen? Wenn ja, dann folgen Sie dem nächsten Abschnitt.

So löschen Sie Cookies mithilfe der Browsereinstellungen

Wenn Sie bereits explizit erstellte Cookies löschen möchten, befolgen Sie die folgenden Anweisungen:

Schritt 1: Öffnen Sie zunächst die Browser -Einstellungen, indem Sie auf das klicken Drei vertikale Punkte oder der "SpeisekarteSchaltfläche, in der oberen rechten Ecke des Fensters anwesend:

Schritt 2: Wählen Sie als nächstes die "GeschichteOption im Dropdown-Menü:

Schritt 3: Jetzt suchen Sie nach dem "Browserdaten löschenIm linken Feld und klicken Sie darauf:

Schritt 4: Ein Dialogfeld wird auftauchen und hier markieren die “Cookies und andere SeitendatenKontrollkästchen und klicken Sie auf die “Daten löschen" Taste. Diese Aktion löscht alle zusätzlichen Cookies innerhalb weniger Sekunden:

Wir haben wesentliche Informationen zum Löschen von Cookies in JavaScript bereitgestellt. Sie können es weiter nach Ihren Vorlieben untersuchen.

Abschluss

Verwendung "Ausgeleitete" und "max-alte" -attribute, Sie können Cookies in JavaScript löschen. Angabe eines übergabes Datums als Ablaufdatum des Cookies löscht den Keks sofort nach seiner Erstellung. In ähnlicher Weise hilft die Festlegung der Lebensdauer eines Keks als null Sekunden mit dem Attribut des max-Alters beim Löschen von JavaScript-Cookies. Neben diesen beiden Methoden die Browsereinstellungen werden auch verwendet, um alle zusätzlichen Kekse gleichzeitig zu löschen. In diesem Beitrag wurde das Verfahren erörtert Löschen Sie Cookies in JavaScript zusammen mit den geeigneten Beispielen.