Comment effacer les cookies en javascript-js tutoriel-php.cn

Comment effacer les cookies en javascript

青灯夜游

Libérer： 2021-06-17 14:31:56

original

11135 Les gens l'ont consulté

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 ==;";".

Comment effacer les cookies en javascript

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];

Copier après la connexion

Un exemple spécifique en code HTTP :

<meta http-equiv="set-cookie" content=" cookieName = cookieValue;expires=01-Dec-2006 01:14:26 GMT; path=/" />

Copier après la connexion

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";

Copier après la connexion

<🎜. >Vous pouvez également ajouter une date valide (heure UTC). Par défaut, les cookies sont supprimés à la fermeture du navigateur :

document.cookie = "username=Daisy Green; expires=Mon, 26 Aug 2019 12:00:00 UTC";

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=/";

Copier après la connexion

Lire le cookie

Grâce à JS, vous pouvez lire le cookie comme ceci :

var x = document.cookie;

Copier après la connexion

<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(&#39;;&#39;);
        
        // Now take key value pair out of this array
        for(var i=0; i<cookiearray.length; i++) {
         name = cookiearray[i].split(&#39;=&#39;)[0];
         value = cookiearray[i].split(&#39;=&#39;)[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>

Copier après la connexion

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=/";

Copier après la connexion

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>

Copier après la connexion

Exécuter :

Comment effacer les cookies en javascript

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>

Copier après la connexion

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!