Detailliertes Beispiel für das Lesen und Schreiben von Cookies in js_javascript-Kenntnissen

Ein Cookie ist eine kleine Informationsmenge, eine Folge von Schlüssel-Wert-Paaren, die auf der Festplatte des Computers gespeichert sind. Die Speicherkapazität eines Cookies beträgt etwa 4 KB. Die Hauptfunktionen sind bei verschiedenen Browser-Herstellern leicht unterschiedlich von Cookies Das Wesentliche ist die „Identifizierung“ und die Durchführung einer Identifizierung. Cookies können keine anderen Daten von Ihrer Festplatte abrufen, Computerviren übertragen oder Ihre E-Mail-Adresse abrufen. Cookies haben eine Gültigkeitsdauer von der Erstellung des Cookies bis zum Schließen des Browsers. Sie können das Ablaufdatum auch festlegen, indem Sie die Gültigkeitsdauer des Cookies festlegen Cookies löschen.

Cookie ist eine Zeichenfolge und eine Textzeichenfolge in einem bestimmten Format

Format: cookieName=cookieValue;expires=expiresDate;path=URLpath;domain=siteDomain//Cookie-Name, Ablaufdatum, Store die URL und den Domänenwert speichern;

So erstellen Sie Cookies

Wir kapseln Cookie-Einstellungen im Allgemeinen in eine Funktion:

Code kopieren Der Code lautet wie folgt:

function addCookie(sName,sValue,day) {
var expirDate = new Date() ;
expireDate.setDate(expireDate.getDate() day); toGMTString() ;6 //escape() konvertiert chinesische Zeichen in Unicode-Kodierung, toGMTString() konvertiert Datumsobjekt in String
}

Cookie lesen
Wie bekommen wir das Cookie nach dem Hinzufügen? Es ist ganz einfach:

Code kopieren Der Code lautet wie folgt:

function getCookies() {

var showAllCookie = '';
if(!document.cookie == ''){
var arrCookie = document.cookie.split(' ; ');
//Verwenden Sie split('; '), um alle Cookies auszuschneiden und im Array zu speichern arrCookie
var arrLength = arrCookie.length;
for(var i=0; i showAllCookie = 'c_name:' unescape(arrCookie[i].split('=')[0]) 'c_value:' unescape(arrCookie[i].split('=')[1] ) '
' 9 }
return showAllCookie;}
}


Cookies haben eine Gültigkeitsdauer und können automatisch gelöscht werden, oder sie können sofort gelöscht werden Festlegen des Ablaufdatums.

Dasselbe wie bei Simple, weiter:

Code kopieren Der Code lautet wie folgt: function removeCookie() {

if(document.cookie != '' && bestätigen('Möchten Sie alle Cookies löschen? ')) {

var arrCookie = document.cookie.split('; '); .getDate()-1);
for(var i=0; ivar str = arrCookie[i].split('=')[0]; .cookie = str '=' ';expires=' ExpireDate.toGMTString();
}
}
}


Wir wissen bereits, wie man erstellt, abruft und löscht Cookies, jetzt ist es Zeit, Cookies zu verwenden

Lassen Sie uns Cookies verwenden, um einen einfachen Timer zu erstellen:

Code kopieren


Der Der Code lautet wie folgt:

var cookieCount = {}; cookieCount.count = function () { var count = parseInt(this.getCount('myCount') count ; document.cookie = 'myCount=' count '';

alert('count 'visits');

cookieCount.setCount= function () {
/ /Erstellen Sie zuerst ein Cookie mit dem Namen myCount
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() 1);
document.cookie = 'myCount=' '0' ';expires =' ExpireDate.toGMTString();
}
cookieCount.getCount = function (countName) {
//Holen Sie sich das Cookie mit dem Namen count und addieren Sie 1 dazu
var arrCookie = document. cookie.split ('; ');
var arrLength = arrCookie.
var ini = true;
for(var i=0; iif(countName == arrCookie [i].split('=')[0]){
return parseInt(arrCookie[i].split('=')[1]); >ini = false;
}
if(ini == false)this.setCount();
return 0;
cookieCount() ; >

Cookie-Pfad

Der Cookie-Pfad wurde am Anfang dieses Artikels erwähnt: path=URL; Unterverzeichnis des Domänennamens Cookies, Domänennamen und andere Geschwister- oder übergeordnete Verzeichnisse können nicht auf dieses Cookie zugreifen. Der Vorteil der Pfadeinstellung besteht darin, dass auf die Domänennamen- und Unterkategorieverzeichnisse des Domänennamens wie folgt zugegriffen werden kann:

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


Cookie-Domäne
Domäne festlegen: domain=siteDomain

Dies wird hauptsächlich verwendet, um ein Cookie in derselben Domäne zu teilen, z. B. „www. taobao.com“ und „ued.taobao.com“ haben denselben Domainnamen „taobao.com“. Wenn wir möchten, dass „ued.taobao.com“ auf die Cookies unter „www.taobao.com“ zugreift, dann tun wir Sie müssen das Pfadattribut auf „/“ setzen und die Domäne des Cookies festlegen:>document.cookie='cookieName=cookieValue;expires=expireDate;path=/;domain=taobao.com'.

Mit der kontinuierlichen Entwicklung von Webprojekten stellt HTML5 zwei Eigenschaften bereit, window.sessionStorage und window.localStorage, und verfügt über Methoden wie setItem, getItem, removeItem, clear usw., wodurch es möglich wird, Daten lokal zu speichern . Die Bedienung ist einfacher und bequemer