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:
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 ()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 ()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 =" ZeitHier 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.