Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erklärung des JavaScript-Cookies und einfache Beispielanwendung (Bild- und Text-Tutorial)

亚连
Freigeben: 2018-05-19 13:43:35
Original
1948 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zu JavaScript-Cookies und einfache Beispielanwendungen vorgestellt. Hier finden Sie eine detaillierte Erläuterung der Einführung, der grundlegenden Eigenschaften und einfacher Anwendungen von js-Cookies

Detaillierte Erläuterung von JavaScript-Cookies

1. Grundlegende Einführung in Cookies

Cookie ist Gegenstand des Dokuments. Cookies ermöglichen es JavaScript-Code, Daten dauerhaft auf der Festplatte des Benutzers zu speichern und auf diese Weise gespeicherte Daten abzurufen. Cookies können auch für clientseitiges Scripting verwendet werden.

Cookie-Daten können automatisch zwischen Webbrowsern und Webservern übertragen werden.

Im Browser können Sie über das Attribut navigator.cookieEnabled prüfen, ob die Cookie-Funktion des Browsers aktiviert ist.

2. Grundlegende Attribute von Cookies

Jedes Cookie hat vier optionale Attribute

1. läuft ab

gibt die Lebensdauer des Cookies an. Legen Sie das Attribut „expires“ auf eine Ablaufzeit in der Zukunft fest, um das Cookie nach Ablauf ungültig zu machen.

Ersetzen Sie es nun durch das Attribut max-age, das die Lebensdauer des Cookies in Sekunden festlegt. Sobald die maximale Lebenszeit überschritten ist, wird das Cookie vom Browser automatisch aus der Cookie-Datei gelöscht.

2.path

Gibt die Cookie-Webseiten an, die vorhanden sind miteinander verbunden. Standardmäßig ist ein Cookie mit der Webseite verknüpft, die es erstellt, sowie mit Webseiten im selben Verzeichnis wie diese Webseite und Webseiten in Unterverzeichnissen dieses Verzeichnisses.

Dies legt hauptsächlich die Sichtbarkeit von Cookies auf Webseiten fest. Fügen Sie den Pfad zu www.a.com/list hinzu, dann können sowohl www.a.com/list/a.html als auch www.a.com/list/b.html auf das Cookie zugreifen, aber www.a.com/comtain Auf dieses Cookie kann nicht zugegriffen werden. Wenn der Pfad jedoch auf www.a.com/ festgelegt ist, können sowohl www.a.com/list als auch www.a.com/contain auf das Cookie zugreifen.

3.Domäne

Standardmäßig können nur Seiten desselben Webservers auf Cookies zugreifen und eine Domäne kann festgelegt werden. Wenn der Cookie-Pfad beispielsweise auf / und das Cookie auf .example.com festgelegt ist, werden alle Webseiten unter „catalog.example.com“ und „orders.example.com“ sowie alle Webseiten auf anderen Servern darunter angezeigt Auf diesen Cookie kann auf den .example.com-Domänennamen zugegriffen werden

Hinweis: Sie können die Domäne eines Cookies nicht auf eine andere Domäne als die Domäne festlegen, in der sich der Server befindet

4. Quelle

Quelle ist ein boolescher Wert, true wird über unsicheres HTTP übertragen (Standard); false wird nur übertragen, wenn Browser und Server über HTTPS oder andere sichere Protokolle verbunden sind.

3. Anwendung von Cookies

Ein Cookie ist eine Zeichenfolge, die aus einer Name=Wert-Struktur besteht. Beispiel für ein Cookie:

version=1.0;max-age=3600

Beachten Sie, dass zwischen den einzelnen Zeichenfolgen keine Kommas oder Leerzeichen eingefügt werden dürfen, also beim Schreiben Bei einem Cookie müssen Sie encodeURIComponent verwenden, um die relevanten Symbole in der Variablen zu entfernen. Verwenden Sie beim Lesen decodeURIComponent

Um ein Cookie zu erstellen, das ein Jahr gültig sein kann:

document.cookie = “version=” + document.lastModified + “;max-age=” + (60*60*24*365);
Nach dem Login kopieren

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

NodeJS kann alles: 10 überraschende NodeJS-Open-Source-Projekte zählen

JS Der Sinn dahinter und die Funktionen von call und apply (Bild- und Text-Tutorial)

Welche Methoden zum Runden von Dezimalzahlen gibt es in js? (Bild- und Textanleitung)

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung des JavaScript-Cookies und einfache Beispielanwendung (Bild- und Text-Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!