Méthode Clear : ne spécifiez pas de valeur de cookie, définissez simplement le paramètre expires sur une date passée, la syntaxe est "document.cookie="username=;expires=Thu,01 Jan 1970 00:00:00 UTC;chemin ==;";".
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Les cookies constituent un moyen utile pour les applications Web d'enregistrer des informations sur les utilisateurs. Par exemple, lorsqu'un utilisateur visite notre site, les cookies peuvent être utilisés pour enregistrer les préférences de l'utilisateur ou d'autres informations afin que la prochaine fois que l'utilisateur visite notre site, l'application puisse récupérer les informations précédemment enregistrées.
Qu'est-ce que c'est que les cookies
Un cookie est un petit morceau d'information textuelle qui accompagne l'utilisateur requêtes et pages transmises entre le serveur Web et le navigateur. Les informations contenues dans le cookie peuvent être lues par l'application web à chaque fois que l'utilisateur visite le site.
Les cookies semblent résoudre le problème de sauvegarde des informations des utilisateurs. Par exemple
Lorsqu'un utilisateur visite une page Web, le nom de l'utilisateur peut être stocké dans un cookie.
La prochaine fois que l'utilisateur visitera la page, le cookie se souviendra du nom d'utilisateur.
Les cookies peuvent mémoriser les informations utilisateur sur toutes les pages Web. Il contient des informations sous forme de chaîne et est enregistré sous forme de paires clé-valeur, c'est-à-dire au format clé=valeur. Chaque cookie est généralement séparé par ";".
username = Daisy Green
Composition du cookie
Le cookie est dans les informations d'en-tête de HTTP, HTTP Le Le format d'en-tête de Set-Cookie est le suivant :
Set-Cookie: name=value; [expires=date]; [path=path]; [domain=domainname]; [secure];
Un exemple spécifique en code HTTP :
<meta http-equiv="set-cookie" content=" cookieName = cookieValue;expires=01-Dec-2006 01:14:26 GMT; path=/" />
Comme le montre le format ci-dessus, Cookie se compose des parties suivantes.
Paires Nom/Valeur
Nom/Valeur sont séparées par des points-virgules. Un cookie peut avoir jusqu'à 20 paires. Chaque page Web contient au plus un cookie. ne dépasse pas 4K. Pour les valeurs Value, il est préférable de les encoder avec encodeURIComponent.
Cookie JS
En JS, vous pouvez utiliser l'attribut cookie de l'objet Document pour manipuler les cookies. JS peut lire, créer, modifier et supprimer les cookies de la page Web actuelle. Jetons un coup d'œil aux opérations spécifiques.
Créer un cookie
JS peut utiliser l'attribut document.cookie pour créer des cookies Les cookies peuvent être créés des manières suivantes :
document.cookie = "username=Daisy Green";
Through le paramètre path, vous pouvez indiquer au navigateur à quel chemin appartient le cookie. Par défaut, le cookie appartient à la page actuelle.
document.cookie = "username=Daisy Green; expires=Mon, 26 Aug 2019 12:00:00 UTC"; path=/";
Lire le cookie
var x = document.cookie;
<span style=" font -family : "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", 微软雅é»', Tahoma, Arial, sans-serif;">document.cookie sera dans un string Renvoie tous les cookies dans, par exemple : cookie1=value; cookie2<p><code><span style="font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", 微软雅黑, Tahoma, Arial, sans-serif;">document.cookie 会在一条字符串中返回所有 cookie，比如：cookie1=value; cookie2</span><br/>Exemple :
<html>
<head>
<script type = "text/javascript">
<!--
function ReadCookie() {
var allcookies = document.cookie;
document.write ("All Cookies : " + allcookies );
// Get all the cookies pairs in an array
cookiearray = allcookies.split(';');
// Now take key value pair out of this array
for(var i=0; i<cookiearray.length; i++) {
name = cookiearray[i].split('=')[0];
value = cookiearray[i].split('=')[1];
document.write ("Key is : " + name + " and Value is : " + value);
}
}
//-->
</script>
</head>
<body>
<form name = "myform" action = "">
<p> click the Button to View Result:</p>
<input type = "button" value = "Get Cookie" onclick = "ReadCookie()"/>
</form>
</body>
</html>Exécutez :
Changer le cookie
En utilisant JS, nous pouvons le modifier comme si nous créions un cookie :
document.cookie = "username=Steve Jobs; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";
De cette façon, le l'ancien cookie sera écrasé.
Exemple :
<html>
<head>
<script type = "text/javascript">
<!--
function WriteCookie() {
var now = new Date();
now.setMonth( now.getMonth() + 1 );
cookievalue = escape(document.myform.customer.value) + ";"
document.cookie = "name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.write ("Setting Cookies : " + "name=" + cookievalue );
}
//-->
</script>
</head>
<body>
<form name = "myform" action = "">
Enter name: <input type = "text" name = "customer"/>
<input type = "button" value = "Set Cookie" onclick = "WriteCookie()"/>
</form>
</body>
</html>Exécuter :
Supprimer le cookie
Supprimer Les cookies sont très simples, il n'est pas nécessaire de spécifier une valeur de cookie : il suffit de définir le paramètre expires sur une date passée :
document.cookie = "username=; expires=Thu, 01 Jan 1970 00 :00:00 UTC; path=/;";<code>document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";<br/>
Le chemin du cookie doit être défini pour garantir que le bon cookie est supprimé. Si le chemin n'est pas spécifié, certains navigateurs ne nous permettront pas de supprimer les cookies.
Exemple :
<html>
<head>
<script type = "text/javascript">
<!--
function WriteCookie() {
var now = new Date();
now.setMonth( now.getMonth() - 1 );
cookievalue = escape(document.myform.customer.value) + ";"
document.cookie = "name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.write("Setting Cookies : " + "name=" + cookievalue );
}
//-->
</script>
</head>
<body>
<form name = "myform" action = "">
Enter name: <input type = "text" name = "customer"/>
<input type = "button" value = "Set Cookie" onclick = "WriteCookie()"/>
</form>
</body>
</html>Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
