Detaillierte Erläuterung der Beispiele für Cookie-Lese- und Schreibvorgänge in js

Cookies haben eine Gültigkeitsdauer von der Erstellung des Cookies bis zum Schließen des Browsers. Sie können auch das Ablaufdatum festlegen, indem Sie die Gültigkeitsdauer des Cookies festlegen Cookies oder Cookies manuell löschen

Ein Cookie ist eine kleine Information, eine Folge von Schlüssel/Wert-Paaren, die auf der Festplatte des Computers gespeichert werden. Die Speicherkapazität eines Cookies beträgt etwa 4 KB Einschränkungen hinsichtlich der Cookie-Größe; der Hauptzweck eines Cookies besteht darin, etwas zu identifizieren, indem es ihn identifiziert; 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.

Ein Cookie ist eine Zeichenfolge und eine Textzeichenfolge in einem bestimmten Format

Format:

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

So erstellen Sie ein Cookie

Normalerweise kapseln wir das Setzen von Cookies in eine Funktion:

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() 把日期对象转成字符串 
}

Cookies lesen

Wie bekommen wir es nach dem Hinzufügen von Cookies? ganz einfach:

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

Cookies haben eine Gültigkeitsdauer und können automatisch gelöscht werden, oder sie können sofort gelöscht werden, indem ihr Ablaufdatum festgelegt wird

Es ist auch ganz einfach, fahren Sie fort :

function removeCookie() { 
if(document.cookie != '' && confirm('你想清理所有cookie吗？')) { 
var arrCookie = document.cookie.split('; '); 
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(); 
} 
} 
}

Wir wissen bereits, wie man Cookies erstellt, erhält und löscht, jetzt ist es an der Zeit, Cookies zu verwenden

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

var cookieCount = {}; 
cookieCount.count = function () { 
var count = parseInt(this.getCount('myCount')); 
count++; 
document.cookie = 'myCount=' + count + ''; 
alert('第'+count+'访问'); 
} 
cookieCount.setCount= function () { 
//首先得创建一个名为myCount的cookie 
var expireDate = new Date(); 
expireDate.setDate(expireDate.getDate()+1); 
document.cookie = 'myCount=' + '0' +';expires=' + expireDate.toGMTString(); 
} 
cookieCount.getCount = function (countName) { 
//获取名为计数cookie,为其加1 
var arrCookie = document.cookie.split('; '); 
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();

Cookie-Pfad

Der Cookie-Pfad wurde am Anfang dieses Artikels erwähnt: path=URL;

Wenn das Cookie erstellt wird Ein Unterverzeichnis des Domänennamens, der Domänenname und andere. Auf dieses Cookie kann nicht vom Verzeichnis derselben Ebene oder vom Verzeichnis der oberen Ebene aus zugegriffen werden. Der Vorteil des Festlegens des Pfads besteht darin, dass auf den Domänennamen und die Unterkategorieverzeichnisse des Domänennamens zugegriffen werden kann. wie folgt:

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 , wie „www.taobao.com“ und „ued.taobao.com“ „Die beiden teilen sich einen Domainnamen „taobao.com“. Wenn wir möchten, dass „ued“ auf die Cookies unter „www.taobao.com“ zugreift .taobao.com“, dann müssen wir das Pfadattribut auf „/“ setzen und die Domäne des Cookies festlegen:>document.cookie='cookieName=cookieValue;expires=expireDate;path=/;domain=taobao .com‘.

Mit der kontinuierlichen Weiterentwicklung 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.

Das Obige ist der gesamte Inhalt dieses Kapitels. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial!