JavaScript-Plätzchen
Plätzchen für Benutzerinformationen werden auf Webseiten gespeichert.
Was sind Cookies?
Cookies sind Daten in einer Textdatei auf Ihrem Computer gespeichert in.
Wenn der Web-Server die Webseite an den Browser sendet, nachdem die Verbindung geschlossen ist, wird der Server nicht Benutzerinformationen aufzuzeichnen.
Cookies Rolle ist die zu lösen ", wie die Client-Benutzerinformationen aufzeichnen":
- Wenn ein Benutzer eine Web-Seite besucht, kann seinen Namen in einem Cookie gespeichert werden.
- Wenn das nächste Mal, wenn der Benutzer die Seite zuzugreifen, können Sie die Benutzerdatensätzen in einem Cookie zu lesen.
Plätzchen mit Name / Wert-Paare werden wie folgt gespeichert:
Wenn ein Browser eine Webseite vom Server anfordert, werden die Cookies gehören, auf die Seite der Anfrage hinzugefügt werden. Der Server den Benutzerinformationen auf diese Weise zu erhalten.
Verwenden Sie JavaScript erstellen Plätzchen
JavaScript document.cookie Eigenschaft kann zu erstellen verwendet werden, zu lesen und Cookies löschen.
JavaScript, erstellen Sie ein Cookie wie folgt:
Sie können auch ein Cookie Ablaufzeit (in UTC oder GMT-Zeit) hinzuzufügen. Standardmäßig gelöscht Cookie, wenn der Browser geschlossen wird:
Sie können den Pfad-Parameter verwenden, um die Browser-Cookie-Pfad erzählt. Standardmäßig gehört Cookie auf der aktuellen Seite.
Verwenden Sie JavaScript Cookie lesen
In JavaScript können Sie den folgenden Code zu lesen Cookies verwenden:
 | document.cookie String wird wieder alle Arten von Cookies, Typ Format: cookie1 = Wert; cookie2 = Wert; cookie3 = Wert; |
|---|
Ändern Plätzchen mit JavaScript
In JavaScript ändern, dass Cookies ähnlich wie die Erstellung von Cookies, wie folgt:
Der alte Cookie wird überschrieben.
Entfernen Sie Cookies mit JavaScript
Entfernen Sie Cookie ist sehr einfach. Sie müssen nur die Parameter für das die frühere Zeit abgelaufen ist, wie unten dargestellt, ein Do gesetzt, 1. Januar 1970 00:00:00 GMT:
Beachten Sie, dass, wenn Sie ohne Angabe des Wert des Cookies löschen.
Cookie-String
document.cookie Eigenschaft sieht aus wie eine gewöhnliche Textzeichenfolge, in der Tat ist es nicht.
Selbst wenn Sie eine komplette Cookie-String document.cookie schreiben, wenn Sie die Cookie-Informationen erneut zu lesen, ist Cookie-Informationen Name / Wert-Paare in Form von Eindrücken.
Wenn Sie ein neues Cookie, alte Cookie gesetzt werden nicht überschrieben. Der neue Cookie zu document.cookie hinzugefügt werden, wenn Sie also ablesbare wieder document.cookie, werden Sie empfangen die Daten wie folgt:
cookie1 = Wert; cookie2 = Wert;
- -
Wenn Sie einen bestimmten Cookie-Wert zu finden, müssen, müssen Sie eine JavaScript-Funktion erstellen Sie den Wert des Cookies in der Cookie-String zu finden.
JavaScript Cookie-Instanzen
Im folgenden Beispiel werden wir ein Cookie zu speichern, den Namen des Besuchers erstellen.
Erstens, die Besucher der Webseite, wird er gebeten, in ihrem Namen zu füllen. Der Name wird in einem Cookie gespeichert werden.
Das nächste Mal, wenn Sie die Seite ein Besucher zuzugreifen, wird er eine Begrüßungsnachricht zu sehen.
In diesem Beispiel werden wir drei JavaScript-Funktionen zu erstellen:
- Setter Cookie-Wert
- Holen Sie Cookie-Funktion Werte
- Funktion erkennt Cookie-Wert
Setter Cookie-Wert
Zuerst erstellen wir eine Funktion für den Namen des Besuchers zu speichern:
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
Funktion Auflösung:
Mehr als ein Funktionsparameter, Cookie-Name für den cname, Cookie-Wert cValue, und stellen Sie die Cookie-Ablaufzeit abgelaufen ist.
Diese Funktion setzt den Cookie-Namen, Cookie-Wert, Ablaufzeit des Cookies.
Holen Sie Cookie-Funktion Werte
Dann erstellen wir eine Funktion, die den Benutzer gibt den Wert des Cookies zu spezifizieren:
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
Funktion Auflösung:
Parameter Cookie-Name ist cname.
Erstellen Sie eine Textvariable wird verwendet, um das angegebene Cookie abzurufen: cname + "=".
Verwenden Sie Semikolons zu trennen document.cookie String und zugeordnet zu einem String-Array aufgeteilt ca (ca = document.cookie.split ( ';')).
Zyklus ca Array (i = 0; i <ca.length; i ++) und liest dann jeden Wert in dem Feld, und das Entfernen von Leerzeichen (c = ca [i] .trim ()).
Wenn Sie ein Cookie (c.indexOf (name) == 0) zu finden, gibt den Cookie-Wert (c.substring (name.length, c.length).
Wenn Sie den Cookie nicht finden, gibt "."
Funktion erkennt Cookie-Wert
Schließlich können wir eine Funktion zur Erkennung erstellen, ob der Cookie erstellt wird.
Wenn Sie ein Cookie gesetzt, es wird eine Begrüßungsnachricht angezeigt werden soll.
Wenn Sie nicht ein Cookie gesetzt ist, wird es ein Pop Anzeige Namen des Besuchers für Ihre Anfrage und rufen den Namen setCookie Funktion Speicher 365 Tage des Besuchers:
{
var username=getCookie("username");
if (username!="")
{
alert("Welcome again " + username);
}
else
{
username = prompt("Please enter your name:","");
if (username!="" && username!=null)
{
setCookie("username",username,365);
}
}
}
Komplettes Beispiel
Beispiele
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
function checkCookie()
{
var user=getCookie("username");
if (user!="")
{
alert("Welcome again " + user);
}
else
{
user = prompt("Please enter your name:","");
if (user!="" && user!=null)
{
setCookie("username",user,365);
}
}
}
Versuchen »
Die folgenden Beispiele checkCookie () Funktion ausführen, wenn die Seite geladen wird.