Attribute von Cookies in JavaScript | Erklärt

Attribute von Cookies in JavaScript | Erklärt
Heutzutage ist es wichtig, die Sitzungsinformationen für die meisten Websites auf mehreren Seiten aufzubewahren. Wenn ein Webserver antwortet, indem ein Webseite an Ihren Browser gesendet wird, wird die Verbindung gekündigt und alle auf dem Server gespeicherten Daten gehen verloren. Diese Situation macht es schwierig, die Informationen zur Benutzersitzung zu speichern, und Sie können sich nicht auf den Server beziehen, um darauf zuzugreifen.

In einem solchen Szenario, Kekse werden verwendet, um nützliche Informationen zu speichern, die später abgerufen werden können, um den Benutzer kennenzulernen. Cookies umfassen winzige Daten, die in einem Webbrowser aufbewahrt und zur Verfolgung der Benutzeraktivität verwendet werden. Sie ermöglichen es der Website auch, bestimmte Funktionen gemäß einem bestimmten Benutzer bereitzustellen. Infolgedessen gelten Cookies als Kernkomponente der Funktionalität einer Website.

Diese Beschreibung erklärt die Attribute von Kekse In JavaScript mit Hilfe geeigneter Beispiele. So lass uns anfangen!

Attribute von Cookies in JavaScript

JavaScript unterstützt die folgenden vier Cookie -Attribute:

  • läuft ab
  • Maximalzeit
  • Weg
  • Domain

Die untergedrehten Abschnitte demonstrieren die Methoden, um diese Attribute zur Verbesserung der Funktionalität von Cookies in JavaScript zu verwenden.

Notiz: Kekse verfallen nach einer bestimmten Zeit; Die Ablaufeinstellungen des Cookies können jedoch durch die angebotenen angebotenen behandelt werden. “läuft ab”Attribut in JavaScript.

Das Attribut von Cookies in JavaScript abläuft

Cookies werden automatisch entfernt, wenn der Browser geschlossen ist. Es verbietet den Besuchern, die Werte des Cookies wiederzuverwenden, wenn sie später die Website besuchen. Dieses Verhalten kann jedoch gesteuert werden, indem die “festgelegt werdenVerfallsdatum”Für den Keks.

Cookies in JavaScript bieten eine “läuft ab”Attribut, das es Ihnen ermöglicht, eine hinzuzufügen“VerfallsdatumIn universeller Zeit koordiniert (UTC) zum “Name = Wert”Cookie -Paar.

Syntax von Ablaufattribut von Cookies in JavaScript

dokumentieren.cookie = "name = value; ablehnt = Ablaufdate UTC"

Hier das "läuft abDas Attribut wird verwendet, um den Staat des Keks nach dem "Verfallsdatum" Und "koordinierte Weltzeit" Zeit.

Beispiel: Das Attribut von Cookies in JavaScript abläuft

Zuallererst in unserem ““Index.html"Datei, wir werden zwei Schaltflächen hinzufügen:"setcookie" Und "Getcookie”. Der "setcookie"Die Taste ruft die" auf "setcookie ()Funktion zum Einstellen des angegebenen Cookies, während die “die“GetcookieSchaltfläche ruft die “an"Getcookie ()Funktionieren Sie die bereits festgelegten Cookies:


In unserer "Projekt.JS"Datei, wir werden die" definieren "setcookie ()" Und "Getcookie ()"Funktionen, die mit dem verbunden sind"ONCLICK"Ereignisse der"setcookie" Und "Getcookie" Tasten. Der "setcookie () ” Funktion erzeugt ein Cookie mit “Nutzername"Als Cookie"Name" Und "Sharqa”Wie seine“Wert", und das "läuft ab"Attributwert des Attributs als"Sonne, 10. August 2030 12:00:00 UTC”:

Funktion setcookie ()
dokumentieren.Cookie = "Benutzername = Sharqa; läuft = Sonne, 10. August 2030 12:00:00 UTC";

Dann nach Überprüfung der Länge des erstellten Cookie in ""Wenn”Erklärung, die“Getcookie ()"Funktion holt den Cookie"Name" Und "Wert”Und anzeigen Sie es in einer Warnbox anzeigen. Wenn der Keks abgelaufen oder gelöscht wird, heißt es in der Alarmbox, wenn der Keks abgelaufen ist oder gelöscht wirdCookie nicht verfügbar”:

functionGetcookie ()
if (Dokument.Plätzchen.Länge != 0)
vararray = document.Plätzchen.split ("=");
alert ("name =" + array [0] + "" + "value =" + array [1]);

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

Jetzt speichern wir beide Dateien und verwenden dann den VS -Code “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"Name","Wert", Und "läuft ab" Attributwert:

Um das zu sehenNamenswerten"Cookie -Paar in einem Alarmfeld" Klicken Sie auf die "Getcookie" Taste:

Das folgende Alarmbox zeigt den Cookie -Namen als “NutzernameUnd sein Wert als "Sharqa”:

Sie können auch die „verwenden“Entwicklerkonsole”Um die Details zum hinzugefügten Cookie zu überprüfen. Um das zu tun, Rechtsklick Wählen Sie im Browser und aus dem Kontextmenü die "die"Prüfen" Möglichkeit:

Anschließend klicken Sie auf die “Anwendung"Option aus der obersten Bar der Entwicklerkonsole und suchen Sie nach"Kekse" im "LagerungMenü, auf der linken Seite des Fensters vorhanden:

Es ist in dem oben gegebenen Bild zu sehen, dass wir erfolgreich ein Cookie erstellt haben und sein Ablaufdatum mit Hilfe der “festgelegt habenläuft ab”Attribut.

MAX-AGE-Attribut von Cookies in JavaScript

Die Lebensdauer eines Cookies wird nach der aktuellen Sitzungsdauer des Browsers festgelegt, was bedeutet, dass der Cookie verfällt, sobald der Benutzer den Browser schließt. Du kannst den ... benutzen "Maximalzeit”Attribut, um seine zu definieren Lebensdauer, die unabhängig von der Browser -Sitzungsdauer sein wird.

Syntax des max-Altersattributs von Cookies in JavaScript

dokumentieren.cookie = "name = value; max-alages =" Zeit

Hier das "MaximalzeitDas Attribut wird verwendet, um das anzugebenZeitIn dem, in dem das erstellte Cookie vor seiner Löschung im System bleibt. Dieses Attribut akzeptiert einen Zeitwert in “Sekunden”.

Beispiel: MAX-AGE-Attribut von Cookies in JavaScript

Jetzt werden wir ein Cookie mit "mit" erstellen "Nutzername”Wie seine“Name","Alex" als "Wert”. Auch der "Maximalzeit”Attribut des Keks setzt sein Leben auf“30" Tage:

dokumentieren.cookie = "userername = Alex; max-altern =" + 30*24*60*60 + ";";

Öffnen Sie nach dem Speichern des hinzugefügten Codes die “Index.htmlDatei im Browser und klicken Sie auf die “setcookieSchaltfläche zum Erstellen eines neuen Keks und der Festlegung seiner Lebensdauer:

Das folgende Alarmbox wird nun im Browser angezeigt:

Um die Lebensdauer des erstellten Cookie zu überprüfen, erkunden Sie das “Läuft ab / maximalSpalte im folgenden Fenster:

Im oben gegebenen Bild das “Läuft ab / maximal"Spalte enthält die angegebene"Maximalzeit”Attributwert gemäß der“Unix Timestamp Epoche ”.

Pfadattribut von Cookies in JavaScript

In JavaScript ist ein Cookie für alle in demselben Verzeichnis oder in Unterabzeichnungen vorhandenen Webseiten zugänglich. Sie können jedoch das verwenden “Weg”Attribut zur Steuerung des Umfangs der Cookies auf den Webseiten.

Syntax des Pfadattributs von Cookies in JavaScript

dokumentieren.cookie = "name = value; aussieht = expirationDate; path =/path";

Hier das "WegDas Attribut wird verwendet, um das anzugebenWEG"Für das der erstellte Cookie ist"zugänglich”.

Beispiel: Pfadattribut von Cookies in JavaScript

Wir werden einen Keks mit dem Namen erstellen “Nutzername,"Das umfasst einen Wert"Alex"Und setzen Sie sein Ablaufdatum und seine Uhrzeit als" als "als"Mi, 10. Januar 2030 23:00:00 UTC”. Dann werden wir seine festlegen “Weg" zuschreiben "/,”Was bedeutet, dass die erstellten Cookies auf einer Website verfügbar sein werden:

dokumentieren.Cookie = "Benutzername = Alex; ausgeläuft = Mi, 10. Januar 2030 23:00:00 UTC; PATH =/";

Speichern Sie den angegebenen Code in Ihrem “Index.htmlDatei und öffnen Sie es im Browser:

Klicken Sie nun auf die “setcookieSchaltfläche und dann zum Fenster der Entwicklerkonsole wechseln, um die Hinzufügung des hinzugefügten Pfades zu bestätigen:

Wie Sie in der “sehen können“WegSpalte, das Pfadattribut der “Nutzername"Cookie ist auf"/”:

Der "Weg" und das "DomainDas Attribut von Cookies wird hauptsächlich zusammen verwendet, während ein Cookie in JavaScript erstellt wird. Jetzt werden wir über die “diskutieren“Domain”Attribut im nächsten Abschnitt.

Domänenattribut von Cookies in JavaScript

Der "DomainDas Attribut der JavaScript -Cookies wird verwendet, um die Domäne hinzuzufügen, für die das Cookie in Betracht gezogen wirdgültig”. Zum Beispiel die “Domain"Attributwert" ist "LinuxHint.com”, Dann ist das Set Cookie für die angegebene Domäne und seine Unterdomäne gültig.

Syntax des Domänenattributs von Cookies in JavaScript

dokumentieren.cookie = "name = value; path =/path; Domain = DomainName";

In der oben gegebenen Syntax die “DomainnameDer Wert gibt die Domäne an, zu der die Cookies gehören.

Beispiel: Domänenattribut von Cookies in JavaScript

Zum Beispiel werden wir ein Cookie erstellen “Blog.LinuxHint.com"Und setzen Sie den Wert der"Weg" zuschreiben "/"Und Domain Attribut des Domain -Attributs zu"LinuxHint.com"Dann ist das Cookie für die Webseiten der" zugänglich "LinuxHint.com" Webseite:

dokumentieren.cookie = "name = value; path =/path; Domain = DomainName";

Anstatt "LinuxHint.com"Wenn wir die Unterdomäne zur Verfügung stellen"Blog.LinuxHint.com", dann ist die "Nutzername”Cookie ist nur für die zusätzliche Subdomain gültig. Daher besteht der ideale Ansatz darin, den entsprechenden Angaben zu spezifizieren Domain anstatt der Unterdomäne Wert.

Für den Demonstrationszweck werden wir festlegen “127.0.0.1”Als Domain für einen Keks:

dokumentieren.Cookie = "name = Sharqa; Path =/; Domain = 127.0.0.1 ";

Die untergegebene Ausgabe bedeutet, dass wir erfolgreich eingestellt haben “127.0.0.1"Als gültige Domain für die Erstellten"Schlüsselwert”Cookie -Paar:

Wir haben die wesentlichen Informationen zusammengestellt Attribute von Kekse In JavaScript.

Abschluss

läuft ab","Maximalzeit","Weg", und das "Domain”Sind die Attribute von Cookies in JavaScript. Die Ausläufe und maximalen Attribute werden zum Festlegen des Ablaufdatums und der Lebensdauer von Cookies verwendet. Im Gegensatz dazu hilft die Kombination von Domänen- und Pfadattributen bei der Angabe der gültigen Domäne und des gültigen Umfangs, in dem die Cookies verfügbar sind. In diesem Artikel wurden die Attribute von Cookies in JavaScript mit Hilfe geeigneter Beispiele erläutert.