Was sind Cookies? js erstellt und speichert manuell Cookies_Javascript-Tipps

Was sind Cookies?

Ein Cookie ist eine Variable, die auf dem Computer eines Besuchers gespeichert wird. Dieses Cookie wird jedes Mal gesendet, wenn derselbe Computer eine Seite über einen Browser anfordert. Sie können JavaScript verwenden, um Cookie-Werte zu erstellen und abzurufen.
Beispiele für Cookies:

Namenscookie
Wenn ein Besucher eine Seite zum ersten Mal besucht, kann er oder sie seinen/ihren Namen eingeben. Der Name wird in einem Cookie gespeichert. Wenn Besucher auf die Website zurückkehren, erhalten sie eine Willkommensnachricht wie „Willkommen John Doe!“ Der Name wird aus dem Cookie abgerufen.
Passwort-Cookie
Wenn ein Besucher eine Seite zum ersten Mal besucht, kann er oder sie sein/ihr Passwort eingeben. Passwörter können auch in Cookies gespeichert werden. Wenn sie die Website erneut besuchen, wird das Passwort aus dem Cookie abgerufen.
Datumscookie
Wenn ein Besucher Ihre Website zum ersten Mal besucht, kann das aktuelle Datum im Cookie gespeichert werden. Wenn sie die Website erneut besuchen, erhalten sie eine Meldung ähnlich dieser: „Ihr letzter Besuch war am Dienstag, den 11. August 2005!“. Auch das Datum wird aus dem Cookie abgerufen.

Cookies erstellen und speichern

In diesem Beispiel erstellen wir ein Cookie, das den Namen des Besuchers speichert. Wenn Besucher die Website zum ersten Mal besuchen, werden sie gebeten, ihren Namen einzugeben. Der Name wird in einem Cookie gespeichert. Wenn Besucher auf die Website zurückkehren, erhalten sie eine Willkommensnachricht.

Zuerst erstellen wir eine Funktion, die den Namen des Besuchers in einer Cookie-Variable speichert:

Code kopieren Der Der Code lautet wie folgt:

function setCookie(c_name,value,expiredays)
{
var exdate=new Date ()
exdate.setDate(exdate.getDate() expiredays)
document.cookie=c_name "=" escape(value)
((expiredays==null) ? "" : ";expires=" exdate. toGMTString())
}

Die Parameter in der obigen Funktion speichern den Namen, den Wert und die Ablauftage des Cookies.

In der obigen Funktion wandeln wir zunächst die Anzahl der Tage in ein gültiges Datum um und speichern dann den Cookie-Namen, den Wert und sein Ablaufdatum im document.cookie-Objekt.

Danach wollen wir eine weitere Funktion erstellen, um zu prüfen, ob das Cookie gesetzt wurde:

Code kopieren Der Code lautet wie folgt:

function getCookie(c_name)
{
if (document.cookie.length> 0)
{
c_start=document.cookie.indexOf(c_name "=")
if (c_start!=-1)
{
c_start=c_start c_name.length 1
c_end=document.cookie. indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}

Die obige Funktion prüft zunächst, ob im document.cookie-Objekt ein Cookie vorhanden ist. Wenn das document.cookie-Objekt bestimmte Cookies speichert, prüft es weiterhin, ob die von uns angegebenen Cookies gespeichert wurden. Wenn das gewünschte Cookie gefunden wird, wird ein Wert zurückgegeben, andernfalls wird ein leerer String zurückgegeben.

Schließlich müssen wir eine Funktion erstellen: Wenn das Cookie gesetzt wurde, wird die Willkommensnachricht angezeigt, andernfalls wird ein Eingabeaufforderungsfeld angezeigt, in dem der Benutzer aufgefordert wird, einen Namen einzugeben.

Code kopieren Der Code lautet wie folgt:

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{alert('Willkommen wieder ' Benutzername ' !')}
else
{
username=prompt('Bitte geben Sie Ihren Namen ein:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}

Das ist der ganze Code:

Code kopieren Der Code lautet wie folgt: