Maison > interface Web > js tutoriel > le corps du texte

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

php中世界最好的语言
Libérer: 2017-12-02 11:00:02
original
2501 Les gens l'ont consulté

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,储存域值;
Copier après la connexion

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() 把日期对象转成字符串 
}
Copier après la connexion

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; 
} 
}
Copier après la connexion

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(); } } }
Copier après la connexion

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();
Copier après la connexion

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=&#39;cookieName=cookieValue;expires=expireDate;path=/&#39;。
Copier après la connexion

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=&#39;cookieName=cookieValue;expires=expireDate;path=/;domain=taobao.com&#39;。
Copier après la connexion

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


Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez faire attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!