JavaScript implementiert Funktionen zum Schreiben, Lesen und Löschen von Cookies_Javascript-Fähigkeiten

Bevor ich den Haupttext vorstelle, möchte ich Ihnen zunächst die Grundkenntnisse von Cookie vorstellen

Verstehen Sie zunächst, was Cookies sind

　„Ein Cookie ist eine Variable, die auf dem Computer des Besuchers gespeichert wird. Dieses Cookie wird jedes Mal gesendet, wenn derselbe Computer eine Seite über einen Browser anfordert. Sie können JavaScript verwenden, um den Wert des Cookies zu erstellen und abzurufen.“

Ein Cookie ist eine Datei, die von einer besuchten Website erstellt wird, um Browsing-Informationen, wie z. B. Profilinformationen, zu speichern.

Aus JavaScript-Sicht sind Cookies String-Informationen. Diese Informationen werden auf dem Computer des Clients gespeichert und zur Übertragung von Informationen zwischen dem Client-Computer und dem Server verwendet.

　Diese Informationen können über document.cookie in JavaScript gelesen oder festgelegt werden. Da Cookies hauptsächlich für die Kommunikation zwischen Client und Server verwendet werden, können neben JavaScript auch serverseitige Sprachen (wie PHP) auf Cookies zugreifen.

Cookie-Grundlagen

Für Cookies gilt eine Größenbeschränkung. Die in jedem Cookie gespeicherten Daten dürfen 4 KB nicht überschreiten. Wenn die Länge des Cookie-Strings 4 KB überschreitet, gibt dieses Attribut einen leeren String zurück.

Da Cookies letztendlich in Form von Dateien auf dem Client-Computer gespeichert werden, ist es sehr bequem, Cookies anzuzeigen und zu ändern. Deshalb wird oft gesagt, dass Cookies keine wichtigen Informationen speichern können.

Das Format jedes Cookies ist wie folgt: d62b085495bd5bd7a104a91f414ddaae=3ef37b6ec18b07703dc6d5f20c4771e7; sowohl Name als auch Wert müssen gültige Kennungen sein.

Cookies haben ein Ablaufdatum. Standardmäßig endet der Lebenszyklus eines Cookies mit dem Schließen des Browsers. Wenn Sie möchten, dass das Cookie auch nach dem Schließen des Browsers verwendet werden kann, müssen Sie eine Gültigkeitsdauer für das Cookie festlegen, nämlich das Ablaufdatum des Cookies.

Das Ergebnis von warning(typeof document.cookie) ist ein String. Ich dachte einmal, es sei ein Array, und ich habe sogar einen Witz gemacht...囧

Cookies haben das Konzept von Domäne und Pfad. Domäne ist das Konzept der Domäne. Da es sich bei dem Browser um eine Sicherheitsumgebung handelt, können verschiedene Domänen nicht voneinander auf Cookies zugreifen (natürlich kann ein domänenübergreifender Zugriff auf Cookies durch spezielle Einstellungen erreicht werden). Pfad ist das Konzept des Routings. Auf ein von einer Webseite erstelltes Cookie können nur alle Webseiten im selben Verzeichnis oder Unterverzeichnis wie diese Webseite zugreifen, aber Webseiten in anderen Verzeichnissen können nicht darauf zugreifen (dieser Satz ist etwas verwirrend, ich werde nachsehen). (später darauf zurückkommen) Anhand eines Beispiels ist es einfacher zu verstehen.

Tatsächlich ähnelt die Vorgehensweise beim Erstellen von Cookies der Vorgehensweise beim Definieren von Variablen. Beide erfordern die Verwendung von Cookie-Namen und Cookie-Werten. Dieselbe Website kann mehrere Cookies erstellen und mehrere Cookies können in derselben Cookie-Datei gespeichert werden.

Cookie-FAQ

Es gibt zwei Arten von Cookies:

Cookies, die von der aktuell besuchten Website gesetzt werden

Cookies von Drittanbietern aus anderen Domain-Quellen wie eingebettete Anzeigen oder Bilder auf Webseiten (Websites können Ihre Nutzungsinformationen mithilfe dieser Cookies verfolgen)

Das Grundwissen hat gerade das Problem des Cookie-Lebenszyklus erwähnt. Tatsächlich können Cookies grob in zwei Zustände unterteilt werden:

Temporäre Cookies. Die Website speichert während der aktuellen Nutzung einige Ihrer persönlichen Daten und diese Informationen werden auch von Ihrem Computer gelöscht, wenn der Browser geschlossen wird

Legen Sie das Cookie mit einer Ablaufzeit fest. Auch wenn der Browser geschlossen wird, bleiben diese Informationen weiterhin auf dem Computer. Zum Beispiel Anmeldename und Passwort, damit Sie sich nicht jedes Mal anmelden müssen, wenn Sie eine bestimmte Website besuchen. Solche Cookies können Tage, Monate oder sogar Jahre auf Ihrem Computer verbleiben.

Es gibt zwei Möglichkeiten, Cookies zu löschen:

Löschen Sie Cookies über Browser-Tools (es gibt Tools von Drittanbietern und der Browser selbst verfügt auch über diese Funktion)

Löschen Sie Cookies, indem Sie ihr Ablaufdatum festlegen

Hinweis: Das Löschen von Cookies kann manchmal dazu führen, dass einige Webseiten nicht richtig funktionieren

Browser können so eingestellt werden, dass sie den Zugriff auf Cookies akzeptieren oder verweigern.

Aus Funktions- und Leistungsgründen wird empfohlen, die Anzahl der verwendeten Cookies zu reduzieren und möglichst viele kleine Cookies zu verwenden.

Die Details der Cookie-Codierung werden separat im erweiterten Cookie-Kapitel vorgestellt.

Wenn es sich um eine Seite auf der lokalen Festplatte handelt, kann die Chrome-Konsole kein JavaScript zum Lesen und Schreiben von Cookies verwenden. Die Lösung ... einen Browser ändern^_^.

In diesem Kapitel werden einige Absätze über einfache JavaScript-Vorgänge mit Cookies erläutert, beispielsweise das Schreiben und Löschen von Cookies.

Der Code ist sehr einfach und eignet sich eher als Referenz für Freunde, die mit den grundlegenden Cookie-Vorgängen nicht vertraut sind.

1. Cookie schreiben:

//两个参数，一个是cookie的名子，一个是值
function SetCookie(name,value){
 var Days = 30;//此 cookie 将被保存 30 天
 var exp = new Date();//new Date("December 31, 9998");
 exp.setTime(exp.getTime() + Days*24*60*60*1000);
 document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

2. Cookies lesen:

//取cookies函数  
function getCookie(name){
 var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
 if (arr != null) return unescape(arr[2]); return null;
}

3. Cookies löschen:

//删除cookie
function delCookie(name){
 var exp = new Date();
 exp.setTime(exp.getTime() - 1);
 var cval = getCookie(name);
 if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}