Étapes de mise en œuvre de l'utilisation de JS pour exploiter les cookies HTTP

Nous savons que le cookie a une période de validité. La période de validité par défaut d'un cookie va du moment où le cookie est généré jusqu'à la fermeture du navigateur. Nous pouvons définir la période de validité du cookie à spécifier. sa date d'expiration. Les utilisateurs peuvent également désactiver les cookies et supprimer les cookies manuellement.

Un cookie est un petit élément d'information, une chaîne stockée sur le disque dur de l'ordinateur sous forme de paire clé/valeur. La capacité de stockage du cookie est d'environ 4 Ko selon les fabricants de navigateurs. différentes limites sur la taille des cookies. Les restrictions sont légèrement différentes ; l'essence principale des cookies est de "s'identifier" et de faire quelque chose grâce à l'identification ; les cookies ne peuvent pas obtenir d'autres données de votre disque dur, transmettre des virus informatiques ou obtenir votre adresse e-mail. Les cookies ont une période de validité. La période de validité par défaut d'un cookie va du moment où le cookie est généré jusqu'à la fermeture du navigateur. Vous pouvez également spécifier la date d'expiration en définissant la période de validité du cookie. Les utilisateurs peuvent également désactiver les cookies ou manuellement. supprimer les cookies.

Un cookie est une chaîne et une chaîne de texte dans un format spécifique

格式：cookieName=cookieValue;expires=expiresDate;path=URLpath;domain=siteDomain//cookie名称，失效日期，储存URL,储存域值；

Comment créer un cookie
Nous encapsulons généralement les paramètres des cookies dans une fonction :

Copiez le code comme suit :

function addCookie(sName,sValue,day) { 
var expireDate = new Date(); 
expireDate.setDate(expireDate.getDate()+day);; 
//设置失效时间 
document.cookie = escape(sName) + '=' + escape(sValue) +';expires=' + expireDate.toGMTString();6 //escape()汉字转成unicode编码,toGMTString() 把日期对象转成字符串 
}

Lire le cookie
Après avoir ajouté le cookie, comment on l'obtient C'est très simple :

Copiez le code comme suit :

function getCookies() { 
var showAllCookie = ''; 
if(!document.cookie == ''){ 
var arrCookie = document.cookie.split('; '); 
//用spilt('; ')切割所有cookie保存在数组arrCookie中 
var arrLength = arrCookie.length; 
for(var i=0; i<arrLength; i++) { 
showAllCookie += &#39;c_name:&#39; + unescape(arrCookie[i].split(&#39;=&#39;)[0]) + &#39;c_value:&#39; + unescape(arrCookie[i].split(&#39;=&#39;)[1]) + &#39;<br>&#39; 9 } 
return showAllCookie; 
} 
}

Les cookies ont une durée de validité et peuvent être supprimés automatiquement, ou vous pouvez les supprimer immédiatement en fixant leur date d'expiration

C'est tout aussi simple, continuer :

Copiez le code comme suit :

function removeCookie() { if(document.cookie != &#39;&#39; && confirm(&#39;你想清理所有cookie吗？&#39;)) { var arrCookie = document.cookie.split(&#39;; &#39;); var arrLength = arrCookie.length; var expireDate = new Date(); expireDate.setDate(expireDate.getDate()-1); for(var i=0; i<arrLength; i++) { var str = arrCookie[i].split(&#39;=&#39;)[0]; document.cookie = str+ &#39;=&#39; + &#39;;expires=&#39; + expireDate.toGMTString(); } } }

Nous savons déjà comment créer, obtenir et supprimer des cookies, il est maintenant temps d'utiliser des cookies

Utilisons des cookies pour faire un chronométrage simple :

Copiez le code Le code est le suivant :

var cookieCount = {}; cookieCount.count = function () { var count = parseInt(this.getCount(&#39;myCount&#39;)); count++; document.cookie = &#39;myCount=&#39; + count + &#39;&#39;; alert(&#39;第&#39;+count+&#39;访问&#39;); } cookieCount.setCount= function () { //首先得创建一个名为myCount的cookie var expireDate = new Date(); expireDate.setDate(expireDate.getDate()+1); document.cookie = &#39;myCount=&#39; + &#39;0&#39; +&#39;;expires=&#39; + expireDate.toGMTString(); } cookieCount.getCount = function (countName) { //获取名为计数cookie,为其加1 var arrCookie = document.cookie.split(&#39;; &#39;); var arrLength = arrCookie.length; var ini = true; for(var i=0; i<arrLength; i++) { if(countName == arrCookie[i].split(&#39;=&#39;)[0]){ return parseInt(arrCookie[i].split(&#39;=&#39;)[1]); break; }else{ ini = false; } } if(ini == false)this.setCount(); return 0; } cookieCount.count();

Chemin du cookie

Au début. de cet article, le chemin du cookie a été mentionné. Définissez le chemin du cookie : path= URL

Si un cookie est créé dans un sous-répertoire d'un nom de domaine, le nom de domaine et les autres répertoires frères ou supérieurs ne peuvent pas y accéder. ce cookie. L'avantage de définir le chemin est que le nom de domaine et les sous-catégories du nom de domaine sont accessibles, comme suit :

document.cookie='cookieName=cookieValue;expires=expireDate;path=/'。

domaine du cookie
<. 🎜>Définir le domaine : domain=siteDomain

Ceci est principalement utilisé pour le partage dans le même domaine. Un cookie, tel que "www.taobao.com" et "ued.taobao.com" partage le même nom de domaine. "taobao.com". Si nous voulons que le cookie sous "www.taobao.com" soit un accès "ued.taobao" .com", vous devez alors définir l'attribut path sur "/" et définir le cookie
.

domain-->document.cookie='cookieName=cookieValue;expires=expireDate;path=/;domain=taobao.com'。

Avec le développement continu du Web, HTML5 fournit deux propriétés window.
sessionStorage et window.localStorage portent des méthodes telles que setItem, getItem, removeItem, clear , etc., rendant la méthode de stockage des données localement plus facile et plus pratique

Un exemple de tutoriel de margin-top dans la production de pages Web

La différence entre les types de modèles de boîtes en CSS

Étapes pour implémenter l'attribut de contenu de CSS3

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!