Que sont les cookies?
Un cookie est une variable stockée dans l'ordinateur du visiteur. Ce cookie est envoyé chaque fois que le même ordinateur demande une page via le navigateur. Vous pouvez utiliser JavaScript pour créer et récupérer la valeur d'un cookie.
Exemples de cookies:
Nommez des cookies
Lorsqu'un visiteur visite la page pour la première fois, il ou elle peut remplir son nom. Le nom sera stocké dans le cookie. Lorsque les visiteurs visitent à nouveau le site Web, ils reçoivent un discours de bienvenue comme "Bienvenue John Doe!". Le nom est récupéré du cookie.
Cookies de mot de passe
Lorsqu'un visiteur visite la page pour la première fois, il peut remplir son mot de passe. Les mots de passe peuvent également être stockés dans des cookies. Lorsqu'ils visitent à nouveau le site Web, le mot de passe est récupéré du cookie.
Cookies de date
Lorsqu'un visiteur visite pour la première fois votre site Web, la date actuelle peut être stockée dans le cookie. Lorsqu'ils visitent à nouveau le site Web, ils reçoivent un message comme celui-ci: "Votre dernière visite a eu lieu le mardi 11 août 2005!". La date est également récupérée du cookie.
Créer et stocker des cookies
Dans cet exemple, nous voulons créer un cookie qui stocke le nom du visiteur. Lorsque les visiteurs visitent pour la première fois le site Web, ils sont invités à remplir leur nom. Le nom sera stocké dans le cookie. Lorsque les visiteurs visitent à nouveau le site Web, ils reçoivent un message de bienvenue.
Tout d'abord, nous créerons une fonction qui stocke le nom du visiteur dans la variable cookie:
La copie de code est la suivante:
<span style = "font-size: 14px;"> fonction setcookie (c_name, valeur, expiredays)
{
var exDate = new Date ()
exDate.setDate (exDate.getDate () + Expiredays)
document.cookie = c_name + "=" + échappement (valeur) +
((expiredays == null)? "": "; expires =" + exdate.togmtString ())
} </span>
Les paramètres de la fonction ci-dessus contiennent le nom, la valeur et le nombre de jours expirés du cookie.
Dans la fonction ci-dessus, nous convertissons d'abord le nombre de jours en une date valide, puis nous déposons le nom, la valeur et sa date d'expiration de l'objet document.cookie.
Après cela, nous voulons créer une autre fonction pour vérifier si le cookie est défini:
La copie de code est la suivante:
<span style = "font-size: 14px;"> 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))
}
}
retour ""
} </span>
La fonction ci-dessus vérifie d'abord s'il y a des cookies dans l'objet document.cookie. Si l'objet document.cookie contient certains cookies, il continuera de vérifier si les cookies que nous avons spécifiés sont stockés. Si le cookie que nous voulons est trouvé, la valeur sera renvoyée, sinon la chaîne vide sera renvoyée.
Enfin, nous voulons créer une fonction. La fonction est: si le cookie est défini, un mot bienvenu sera affiché, sinon une boîte d'invite sera affichée pour demander à l'utilisateur de saisir un nom.
La copie de code est la suivante:
<span style = "Font-Size: 14px;"> Fonction Checkcookie ()
{
nom d'utilisateur = getcookie («nom d'utilisateur»)
if (nom d'utilisateur! = Null && nom d'utilisateur! = "")
{alert ('bienvenue encore' + nom d'utilisateur + '!')}
autre
{
username = inside ('Veuillez entrer votre nom:', "")
if (nom d'utilisateur! = Null && nom d'utilisateur! = "")
{
Setcookie («nom d'utilisateur», nom d'utilisateur, 365)
}
}
} </span>
Voici tout le code:
La copie de code est la suivante:
<span style = "Font-Size: 14px;"> <html>
<adal>
<script type = "text / javascript">
fonction 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))
}
}
retour ""
}
fonction setcookie (c_name, valeur, expiredays)
{
var exDate = new Date ()
exDate.setDate (exDate.getDate () + Expiredays)
document.cookie = c_name + "=" + échappement (valeur) +
((expiredays == null)? "": "; expires =" + exdate.togmtString ())
}
Fonction Checkcookie ()
{
nom d'utilisateur = getcookie («nom d'utilisateur»)
if (nom d'utilisateur! = Null && nom d'utilisateur! = "")
{alert ('bienvenue encore' + nom d'utilisateur + '!')}
autre
{
username = inside ('Veuillez entrer votre nom:', "")
if (nom d'utilisateur! = Null && nom d'utilisateur! = "")
{
Setcookie («nom d'utilisateur», nom d'utilisateur, 365)
}
}
}
</cript>
</ head>
<body onload = "checkcookie ()">
</docy>
</html> </span>