Exemple détaillé de lecture et d'écriture de cookies dans les compétences js_javascript

Un cookie est un petit élément d'information, une chaîne de paires clé/valeur stockée sur le disque dur de l'ordinateur. La capacité de stockage d'un cookie est d'environ 4 Ko. Différents fabricants de navigateurs ont des restrictions légèrement différentes sur la taille des cookies ; des cookies L'essence est « l'identification » et faire quelque chose par 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.

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

Format : cookieName=cookieValue;expires=expiresDate;path=URLpath;domain=siteDomain//nom du cookie, date d'expiration, Store l'URL et stocker la valeur du domaine ;

Comment créer des cookies

Nous encapsulons généralement les paramètres des cookies dans une fonction :

Copier le code Le code est le suivant :

function addCookie(sName,sValue,day) {
var expireDate = new Date() ;
expireDate.setDate(expireDate.getDate() day);;
//Définir l'heure d'expiration
document.cookie = escape(sName) '=' escape(sValue) ';expires=' expireDate. toGMTString() ;6 //escape() convertit les caractères chinois en codage Unicode, toGMTString() convertit l'objet date en chaîne
}

Lire le cookie

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

Copier le code Le code est le suivant :

function getCookies() {
var showAllCookie = '';
if(!document.cookie == ''){
var arrCookie = document.cookie.split(' ; ');
//Utilisez split('; ') pour couper tous les cookies et les enregistrer dans le tableau arrCookie
var arrLength = arrCookie.length; ; i ) {
showAllCookie = 'c_name:' unescape(arrCookie[i].split('=')[0]) 'c_value:' unescape(arrCookie[i].split('=')[1] ) '
' 9 }
return showAllCookie;
}
}

Les cookies ont une durée de validité et peuvent être supprimés automatiquement, ou ils peuvent être supprimés immédiatement par fixer leur date d'expiration

Idem que Simple, continuez :

Copier le code Le code est le suivant :

function removeCookie() {
if(document.cookie != '' && confirm('Voulez-vous effacer tous les cookies ? ')) {
var arrCookie = document.cookie.split('; ');
var arrLength = arrCookie.length
var expireDate = new Date(); .getDate()-1);
for(var i=0; ivar str = arrCookie[i].split('=')[0]; .cookie = str '=' ';expires=' expireDate.toGMTString();
}
}
}


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

Utilisons les cookies pour créer un minuteur simple :

Copier le code Le le code est le suivant : var cookieCount = {};

cookieCount.count = function () {

var count = parseInt(this.getCount('myCount')); 🎜> count
document.cookie = 'myCount=' count'';
alert('count 'visits');
cookieCount.setCount= function () {
/ /Créez d'abord un cookie nommé myCount
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() 1
document.cookie = 'myCount=' '0' ';expires =' expireDate.toGMTString();
}
cookieCount.getCount = function (countName) {
//Obtenez le cookie nommé count et ajoutez-y 1
var arrCookie = document. ('; ');
var arrLength = arrCookie.length;
var ini = true; for(var i=0; iif(countName == arrCookie [i].split('=')[0]){
return parseInt(arrCookie[i].split('=')[1]);
break; >ini = false;
}
}
if(ini == false)this.setCount(
return 0;
cookieCount.count() ; >

Chemin du cookie

Le chemin du cookie a été mentionné au début de cet article. Définissez le chemin du cookie :

S'il est créé dans un. sous-répertoire du nom de domaine Les cookies, noms de domaine et autres répertoires frères ou supérieurs ne peuvent pas accéder à ce cookie. L'avantage de définir le chemin est qu'il peut accéder aux répertoires du nom de domaine et des sous-catégories du nom de domaine, comme suit :
<🎜. >document. cookie='cookieName=cookieValue;expires=expireDate;path=/'.


domaine du cookie
Définir le domaine : domain=siteDomain

Ceci est principalement utilisé pour partager un cookie dans le même domaine, tel que "www. taobao .com" et "ued.taobao.com" partagent le même nom de domaine "taobao.com". Si nous souhaitons que les cookies sous "www.taobao.com" soient accessibles par "ued.taobao.com", alors nous devez définir l'attribut de chemin sur "/" et définir le domaine du cookie-->document.cookie='cookieName=cookieValue;expires=expireDate;path=/;domain=taobao.com'.

Avec le développement continu des projets Web, HTML5 fournit deux propriétés, window.sessionStorage et window.localStorage, et embarque des méthodes telles que setItem, getItem, removeItem, clear, etc., permettant de stocker des données localement .L'opération est plus simple et plus pratique