Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie den Cookie-Vorgang in Javascript

青灯夜游
Freigeben: 2023-01-11 09:20:25
Original
16890 Leute haben es durchsucht

Methode: 1. Verwenden Sie die Anweisung „document.cookie="name=value;"", um das Cookie zu setzen oder den Cookie-Wert zu ändern. 2. Verwenden Sie die Anweisung „document.cookie", um den Cookie-Wert zu erhalten die Gültigkeitsdauer auf „expires“ setzen. Auf den Ablaufwert setzen, um das Cookie zu löschen.

So implementieren Sie den Cookie-Vorgang in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Cookies sind Variablen, die auf dem Computer eines Besuchers gespeichert werden. Wenn ein Benutzer eine Website besucht, können durch Cookies Daten auf dem Computer des Besuchers gespeichert werden. Wenn der Benutzer später die Seite erneut über den Browser auf demselben Computer anfordert, wird dieses Cookie gesendet und das Cookie kann zur Identifizierung des Benutzers verwendet werden.

1. Cookies setzen

Die Verwendung von Cookies zum Speichern von Daten erfolgt durch das Setzen von Cookies. Jedes Cookie ist ein Name/Wert-Paar. Die Name/Wert-Paare werden mit einem Gleichheitszeichen verbunden und das Name/Wert-Paar wird document.cookie zugewiesen. Mehrere Name/Wert-Paare können document.cookie gleichzeitig zugewiesen werden, wobei Semikolons und Leerzeichen zur Trennung der einzelnen Name/Wert-Paare verwendet werden.

Das Grundformat für das Setzen von Cookies ist wie folgt:

document.cookie = "名称1=值1[; 名称2=值2; …]";
Nach dem Login kopieren

Das Beispiel für das Setzen von Cookies ist wie folgt:

document.cookie = "username=abc";
document.cookie = "age=23";
document.cookie = "username=abc; age=23";
Nach dem Login kopieren

Es ist zu beachten, dass Semikolons; und Gleichheitszeichen = und andere Symbole nicht im Namen oder Wert von verwendet werden dürfen Kekse. Wenn Sie diese Symbole speichern möchten, müssen Sie zum Codieren die Funktion escape() verwenden. Beispiel: document.cookie="str="+escape("username=nch"), dieser Code entspricht: document.cookie="str=username%3Dnch", d. h. das Gleichheitszeichen wird als %3D codiert . Wenn Sie die Escape()-Codierung verwenden, müssen Sie unescape() zum Decodieren verwenden, nachdem Sie den Wert herausgenommen haben, um den ursprünglichen Cookie-Wert zu erhalten.

Wenn außerdem der Wert im im oben genannten Format gesetzten Cookie auf dem Computer des Benutzers gespeichert wird, werden die Daten verschiedener Websites in Form des Website-Domänennamens unterschieden, und verschiedene Browser speichern Cookies an unterschiedlichen Orten, also unterschiedlichen Browsern Speichern Die Cookies sind nicht gegenseitig zugänglich. Darüber hinaus gibt es eine Begrenzung für die Anzahl der unter demselben Domainnamen gespeicherten Cookies, und verschiedene Browser haben unterschiedliche Begrenzungen für die Anzahl der gespeicherten Cookies. Darüber hinaus ist auch die Größe des in jedem Cookie gespeicherten Inhalts begrenzt, und verschiedene Browser haben unterschiedliche Größenbeschränkungen.

2. Cookie-Wert ändern

Wenn Sie einen Cookie-Wert ändern möchten, weisen Sie ihn einfach neu zu, zum Beispiel: document.cookie="age=36"; Auf diese Weise können Sie den ändern vorherige Einstellungen Der Cookie-Wert ist age=23. document.cookie="age=36";这样就可以修改前面设置的 age=23 的 cookie 值。

3. 获取cookie

通过 document.cookie

3. Cookies abrufen

Wenn Sie document.cookie verwenden, um die Cookies unter der aktuellen Website abzurufen, erhalten Sie einen Wert in Form einer Zeichenfolge, die alle darunter liegenden Cookies enthält die aktuelle Website. Alle Cookies werden durch ein Semikolon + Leerzeichen verkettet.

Um unterschiedliche Cookie-Werte zu erhalten, können Sie die Methode split() verwenden, um die Zeichenfolge, die Semikolons und Leerzeichen enthält, in ein durch Semikolons getrenntes String-Array umzuwandeln und dann das String-Array zu durchlaufen, um jedes Name/Wert-Paar zu erhalten. Verwenden Sie dazu die Methode split( )-Methode erneut, um dieses Name/Wert-Paar in ein Array umzuwandeln, das den Namen und den Wert durch Gleichheitszeichen getrennt enthält, und Sie können den Wert des angegebenen Cookie-Namens erhalten.

Der Code zum Abrufen des Werts des Cookies mit dem Namen „Alter“ lautet beispielsweise wie folgt:

document.cookie = "username=abc; age=23";
var arr1 = document.cookie.split(';');
for(var i = 0; i < arr1.length; i++){
     var arr2 = arr1[i].split(&#39;=&#39;);
     if(arr2[0] == &#39;age&#39;){
         alert(arr2[1]);
     }
}
Nach dem Login kopieren

4 Legen Sie die Gültigkeitsdauer des Cookies fest

Standardmäßig werden Cookies vorübergehend gespeichert, dh sie werden gespeichert standardmäßig im Speicher und werden nicht auf der Festplatte gespeichert, sodass die gespeicherten Cookies nach dem Schließen des Browservorgangs automatisch gelöscht werden. Wenn Sie Cookies für einen bestimmten Zeitraum oder dauerhaft auf Ihrem Computer speichern möchten, müssen Sie beim Setzen des Cookies eine gültige Zeit festlegen. Das Einstellungsformat lautet wie folgt:

document.cookie = "名称=值;expires="+字符串格式的时间;
Nach dem Login kopieren

5

Cookie direkt löschen Die Gültigkeitsdauer kann auf einen bestimmten Zeitpunkt in der Vergangenheit eingestellt werden. Zum Beispiel:

var oDate = new Date();
oDate.setDate(oDate.getDate()+10);//访问页面后的10天过期
//设置cookie的有效时间,时间为字符串格式
document.cookie = &#39;username=abc;expires=&#39;+oDate.toGMTString();
Nach dem Login kopieren

[Beispiel 1] Verwenden Sie das Dokument, um Cookies zu betreiben.

var oDate = new Date();
oDate.setDate(oDate.getDate()-1);//访问页面的前一天
document.cookie = &#39;username=abc;expires=&#39;+oDate.toGMTString();
Nach dem Login kopieren
Hinweis: Firefox und IE erlauben nur den vorübergehenden lokalen Betrieb von Cookies und Cookies können nach dem Schließen des Browsers nicht abgerufen werden. Chrome hingegen erlaubt keine lokale Manipulation von Cookies. Wenn Beispiel 1 auf einem Webserver veröffentlicht und dann darauf zugegriffen wird, können diese Browser Cookies manipulieren.

So implementieren Sie den Cookie-Vorgang in JavascriptDas Bild unten zeigt die Ergebnisse des Zugriffs und der Veröffentlichung auf dem Tomcat-Webserver im Chrome-Browser und des Klickens auf die Schaltfläche „Anmelden“ und „Löschen“ nach Eingabe des Benutzernamens (der Tomcat-Server befindet sich auf diesem Computer, Sie können also „localhost“ als verwenden). Domänennamen) darauf zugreifen).

So implementieren Sie den Cookie-Vorgang in Javascript

🎜🎜Klicken Sie nach der Eingabe des Benutzernamens auf die Schaltfläche „Anmelden“, schließen Sie den Chrome-Browservorgang, bevor Sie auf die Schaltfläche „Benutzernamen-Cookie löschen“ klicken, und öffnen Sie Chrome dann erneut, um auf Beispiel 1 zuzugreifen. Die Ergebnisse werden angezeigt In Abbildung 3 wird der Benutzername automatisch im Textfeld angezeigt. Wenn Sie auf die Schaltfläche „Benutzernamen-Cookie löschen“ klicken, den Chrome-Browservorgang schließen und dann Chrome erneut öffnen, um auf Beispiel 1 zuzugreifen, erhalten Sie das in Abbildung 4 dargestellte Ergebnis. Zu diesem Zeitpunkt wurde der im Cookie gespeicherte Benutzername gelöscht und kann nicht gelöscht werden Textfeld angezeigt werden. 🎜

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo implementieren Sie den Cookie-Vorgang in Javascript. 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