JavaScript Cookie -Einstellungen, um detaillierte Erläuterung von Löschungen zu erhalten

Autor：Eve Cole Aktualisierungszeit：2025-02-07 18:48:02

Setzen Sie Cookie

Jedes Cookie ist ein Name/Wert -Paar.

document.cookie = "userId = 828";

Wenn Sie gleichzeitig mehrere Namen/Wertpaare speichern möchten, können Sie das Septum plus den Speicherplatz (;) verwenden, um sich zu trennen, zum Beispiel:

document.cookie = "userId = 828; userername = hulk";

Sie können keine Segmentnummer (;), Comma (,), äquivalent (=) und Platz im Namen oder Wert des Keks verwenden. Dies ist im Namen von Cookies einfach, aber der Wert ist ungewiss. Wie Sie diese Werte speichern? Wert, und er kann im Cookie -Wert gespeichert werden und kann auch im Cookie -Wert gespeichert werden und kann auch im Cookie -Wert gespeichert werden und kann auch im Cookie -Wert gespeichert werden und kann gespeichert werden. Im Cookie -Wert kann es auch im Cookie -Wert gespeichert werden und kann auch im Cookie -Wert gespeichert werden und kann im Cookie -Wert gespeichert werden und kann im Cookie -Wert gespeichert werden und es kann können Im Kekswert gespeichert werden, und es kann im Kekswert gespeichert werden, und es kann auch das Auftreten von chinesischen verstümmelten Schema vermeiden. Zum Beispiel:

document.cookie = "str ="+Escape ("Ich liebe ajax");

Äquivalent zu:

document.cookie = "str = i%20love%20Ajax";

Nach der Verwendung von Escape () -Codierung müssen Sie Unscape () verwenden, um zu dekodieren, nachdem Sie den Wert genommen haben, um den zuvor eingeführten ursprünglichen Cookie -Wert zu erhalten.

Obwohl document.cookie wie ein Attribut aussieht, kann es unterschiedliche Werte ergeben. Es ist jedoch nicht das gleiche wie das allgemeine Attribut.

document.cookie = "userId = 828";

document.cookie = "userername = hulk";

Zu diesem Zeitpunkt führt der Browser zwei Cookies, die BenutzerID und Benutzernamen sind, sodass sie dem Dokument einen Wert zuweisen.

document.addcookie ("userId = 828");

document.addcookie ("userername = hulk");

Tatsächlich setzt der Browser Cookies auf diese Weise.

document.cookie = "userId = 929";

Stellen Sie auf diese Weise die Cookies benannt auf 929.

Holen Sie sich den Wert von Cookies

Hier finden Sie, wie Sie den Wert von Cookies erhalten. Der Wert des Keks kann direkt vom Dokument erhalten werden. Kookie:

Var strcookie = document.cookie;

Dadurch werden mehrere Namen/Werte erhalten, die durch eine Segmentnummer getrennt sind. Zum Beispiel:

<!-

document.cookie = "userId = 828";

document.cookie = "userername = hulk";

Var strcookie = document.cookie;

Alarm (Strcookie);

//->

</script>

Abbildung 7.1 Zeigen Sie den Ausgabe -Cookie -Wert an. Es ist zu erkennen, dass nur ein Cookie -Wert gleichzeitig erhalten werden kann, und der Keksname kann nicht angegeben werden, um den angegebenen Wert zu erhalten. Benutzer müssen diese Zeichenfolge selbst analysieren, um den angegebenen Cookie -Wert zu erhalten.

<!-

// Zwei Cookies einstellen

document.cookie = "userId = 828";

document.cookie = "userername = hulk";

// Holen Sie sich die Cookie -Zeichenfolge

Var strcookie = document.cookie;

// Mehrere Cookies werden in mehrere Namen/Werte geschnitten

var arrcookie = strcookie.split (";");

var userId;

// durch das Cookie -Array durchqueren und jedes Cookie -Paar verarbeiten

für (var i = 0; i <arrCookie.length; i ++) {

var arr = arrCookie [i] .Split ("=");

// Suchen Sie das Cookie namens UserID und geben Sie seinen Wert zurück

if ("userId" == arr [0]) {

userID = arr [1];

Brechen;

}

alert (userId);

//->

</script>

Dies erhält den Wert eines einzelnen Keks

In einer ähnlichen Methode können Sie den Wert eines oder mehrerer Cookies erhalten, und seine Haupttechniken sind immer noch verwandte Vorgänge von String und Array.

Legen Sie das Kündigungsdatum für Cookies fest

Bisher ist das gesamte Cookie ein einzelner Kekse, das heißt, diese Cookies gehen nach dem Schließen des Browsers verloren.

In der tatsächlichen Entwicklung muss Cookie häufig für lange Zeit gespeichert werden, z. Dies kann mit den folgenden Optionen implementiert werden:

document.cookie = "userId = 828; expires = gmt_string";

Unter ihnen ist GMT_String eine Zeitzeichenfolge, die durch das GMT -Format dargestellt wird. Zum Beispiel: Wenn Sie die Cookies nach 10 Tagen auf Ablauf setzen möchten, können Sie sie so implementieren:

Kopieren Sie den Code -Code wie folgt:

<!-

// Erhalten Sie die aktuelle Zeit

var date = new Date ();

var expiredays = 10;

// Legen Sie das Datum auf 10 Tage nach 10 Tagen fest

Datum.Settime (Datum.getTime ()+expIRedays*24*3600*1000);

// Stellen Sie die beiden Cookies von UserID und Benutzername auf, um nach 10 Tagen abzulaufen

document.cookie = "userId = 828; userername = hulk; expire ="+date.togmtring ();

//->

</script>

Keks löschen

Um einen Cookie zu löschen, kann es seine Ablaufzeit auf eine vergangene Zeit setzen, wie z.

Kopieren Sie den Code -Code wie folgt:

<!-

// Erhalten Sie die aktuelle Zeit

var date = new Date ();

// Legen Sie das Datum in der vergangenen Zeit fest

Datum.Settime (Datum.getTime () -10000);

// Löschen Sie die Benutzer -ID dieses Cookies

document.cookie = "userId = 828; expire ="+date.togmtring ();

//->

</script>

Geben Sie den Pfad an, der auf Cookies zugreifen kann

Wenn ein Cookie auf einer Seite erstellt wird, können Sie standardmäßig auch andere Seiten im Verzeichnis erstellt, auf denen die Seite auch auf das Cookie zugreifen kann. Wenn in diesem Verzeichnis ein Sub -Verzeichnis vorhanden ist, können Sie auch im Sub -Verzeichnis zugegriffen werden. Beispielsweise können die Cookies, die in www.xxxx.com/html/b.html oder www.xxx.com/ html/einige/c.html erstellt wurden, nicht von www.xxxx.com/d.html zugegriffen werden.

Um den Katalog zu steuern, auf den Cookies zugegriffen werden kann, müssen Sie den Pfadparameter zum Einstellen von Cookies verwenden.

document.cookie = "name = value; path = cookiedir";

Das Cookiedir repräsentiert den Katalog des Zugangs zum Cookie. Zum Beispiel:

document.cookie = "userId = 320; path =/shop";

Dies bedeutet, dass die aktuellen Cookies nur im kurzen Verzeichnis verwendet werden können.

Wenn Sie das Cookie unter der gesamten Website verwenden möchten, können Sie das Cookie_dir als Stammverzeichnis angeben, z. B.:

document.cookie = "userId = 320; path =/";

Geben Sie den Hostnamen an, der auf Cookie zugreifen kann

Ähnlich wie der Pfad bezieht sich der Hostname auf verschiedene Hosts in derselben Domain wie: www.google.com und gmail.google.com sind zwei verschiedene Hostnamen. Standardmäßig können auf die in einem Host erstellten Cookies unter einem anderen Host nicht zugegriffen werden, kann jedoch vom Domänenparameter gesteuert werden, um es zu steuern.

document.cookie = "name = value; domain = cookomain";

Nehmen Sie als Beispiel Google.

document.cookie = "name = value; domain = .google.com";

Auf diese Weise kann der Host unter allen Google.com auf das Cookie zugreifen.

Umfassendes Beispiel: Erstellung einer gemeinsamen Cookie -Verarbeitungsfunktion

Der Verarbeitungsprozess von Cookie ist komplizierter und hat bestimmte Ähnlichkeiten. Daher können mehrere Funktionen definiert werden, um den allgemeinen Betrieb von Cookie abzuschließen, um eine Wiederverwendung von Code zu erzielen. Die häufig verwendeten Cookie -Operationen und die Funktionsimplementierung sind unten aufgeführt.

1. Fügen Sie ein Cookie hinzu: Addookie (Name, Wert, Ablaufhaus)

Diese Funktion empfängt 3 Parameter: Cookie -Name, Cookie -Wert und wie Stunden sie später abläuft. Die Ablaufzeit wird nicht festgelegt, wenn das Ablaufhaus 0 ist, dh die Cookies verschwinden automatisch, wenn der Browser geschlossen ist. Diese Funktion wird wie folgt implementiert:

Kopieren Sie den Code -Code wie folgt:

<!-

Funktion addoCookie (Name, Wert, Ablaufhaus) {

var cooking = name+"="+Escape (Wert);

// Bestimmen Sie, ob die Ablaufzeit festgelegt ist

if (expirehouse> 0) {{{{{

var date = new Date ();

Datum.

cookRing = cookiestring+"; expire ="+date.togmtring ();

}

document.cookie = cookiestring;

}

//->

</script>

2. Holen Sie sich den Cookie -Wert des angegebenen Namens: getcookie (Name)

Diese Funktion gibt einen Cookie -Wert namens Namename zurück.

Kopieren Sie den Code -Code wie folgt:

<!-

Funktion getcookie (name) {

Var strcookie = document.cookie;

var arrcookie = strcookie.split (";");

für (var i = 0; i <arrCookie.length; i ++) {

var arr = arrCookie [i] .Split ("=");

if (arr [0] == Name) return arr [1];

}

Zurückkehren "" ";

}

//->

</script>

3.. Löschen Sie Cookie mit angegebenem Namen: DeleteCookie (Name)

Diese Funktion kann das Cookie des angegebenen Namens löschen, und seine Implementierung lautet wie folgt:

Kopieren Sie den Code -Code wie folgt:

<!-

Funktion getcookie (name) {

Var strcookie = document.cookie;

var arrcookie = strcookie.split (";");

für (var i = 0; i <arrCookie.length; i ++) {

var arr = arrCookie [i] .Split ("=");

if (arr [0] == Name) return arr [1];

}

Zurückkehren "" ";

}

//->

</script>

Sie können auch einen anderen online verwenden:

Kopieren Sie den Code -Code wie folgt:

Funktionsetokookie (Name, Wert) // Zwei Parameter, einer ist der Name des Cookies, der andere ist der Wert

{{{{

var tays = 30; // Dieser Keks wird 30 Tage lang gespeichert

var exp = neuer Datum ();

exp.settime (exp.getTime () + days*24*60*60*1000);

document.cookie = name + "=" + Escape (Wert) + "; expires =" + exp.togmtring ();

}

Funktion getcookie (Name) // Nehmen Sie die Cookies -Funktion

{{{{

var anrr = document.cookie.match (neuer regexp ("(" (^|) "+name+" = ([^;]*) (; | $) "))));

if (arr! = null) return unemission (arr [2]);

}

Funktion Delcookie (Name) // Cookies löschen

{{{{

var exp = neues Datum ();

exp.settime (exp.getTime () - 1);

var cval = getcookie (name);

if (cval! = null) document.cookie = name+"="+cval+"; expires ="+exp.togmtstring ();

}

Setcookie ("xiaoqi", "3")

Alert (getcookie ('xiaoqi');

</script>