Heim > Web-Frontend > js-Tutorial > Implementierungsschritte für die Verwendung von JS zum Betreiben von HTTP-Cookies

Implementierungsschritte für die Verwendung von JS zum Betreiben von HTTP-Cookies

php中世界最好的语言
Freigeben: 2017-12-02 11:00:02
Original
2535 Leute haben es durchsucht

Wir wissen, dass Cookies eine Gültigkeitsdauer haben. Die Standardgültigkeitsdauer eines Cookies reicht von der Erstellung des Cookies bis zum Schließen des Browsers Benutzer können Cookies auch manuell löschen.

Ein Cookie ist eine kleine Information, eine Zeichenfolge , die als Schlüssel/Wert-Paar auf der Festplatte des Computers gespeichert wird. Die Speicherkapazität des Cookies beträgt etwa 4 KB unterschiedliche Beschränkungen der Cookie-Größe. Die Hauptaufgabe von Cookies besteht darin, durch die Identifizierung andere Daten von Ihrer Festplatte abzurufen, Computerviren zu übertragen oder Ihre E-Mail-Adresse abzurufen. 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

格式:cookieName=cookieValue;expires=expiresDate;path=URLpath;domain=siteDomain//cookie名称,失效日期,储存URL,储存域值;
Nach dem Login kopieren

So erstellen Sie ein Cookie
Wir kapseln Cookie-Einstellungen im Allgemeinen in eine Funktion:

Kopieren Sie den Code wie folgt:

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

Cookie lesen
Nachdem wir das Cookie hinzugefügt haben, ist es ganz einfach:

Kopieren Sie den Code wie folgt:

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; 
} 
}
Nach dem Login kopieren

Cookies haben eine Gültigkeitsdauer und können automatisch gelöscht werden, oder Sie können sie sofort löschen, indem Sie ihr Ablaufdatum festlegen

Es ist genauso einfach, Weiter:

Kopieren Sie den Code wie folgt:

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(); } } }
Nach dem Login kopieren

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 ein einfaches Zeitmessgerät zu erstellen:

Code kopieren Der Code lautet wie folgt:

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();
Nach dem Login kopieren

Cookie-Pfad

Am Anfang davon In diesem Artikel wurde erwähnt, dass der Cookie-Pfad den Cookie-Pfad festlegt: path= URL; Der Vorteil der Pfadeinstellung besteht darin, dass auf den Domänennamen und die Unterkategorien des Domänennamens wie folgt zugegriffen werden kann:


Cookie-Domäne
document.cookie=&#39;cookieName=cookieValue;expires=expireDate;path=/&#39;。
Nach dem Login kopieren

Domäne festlegen: domain=siteDomain

Dies wird hauptsächlich zum Teilen in derselben Domäne verwendet. Ein Cookie wie „www.taobao.com“ und „ued.taobao.com“ teilen sich denselben Domänennamen. taobao.com“. Wenn wir möchten, dass das Cookie unter „www.taobao.com“ auf „ued.taobao“ .com“ zugreift, müssen Sie das Pfadattribut auf „/“ setzen und das Cookie
< setzen 🎜>

Mit der kontinuierlichen Weiterentwicklung des Webs bietet HTML5 die beiden Eigenschaften window.
domain-->document.cookie=&#39;cookieName=cookieValue;expires=expireDate;path=/;domain=taobao.com&#39;。
Nach dem Login kopieren
session

Storage und window.localStorage tragen Methoden wie setItem, getItem, removeItem, clear, usw., wodurch die Methode zur lokalen Speicherung von Daten einfacher und bequemer wird

Ich glaube, dass Sie die Methoden nach dem Lesen dieser Fälle beherrschen. Weitere spannende Informationen erhalten Sie Achten Sie auf andere verwandte Artikel auf der chinesischen PHP-Website!

Verwandte Lektüre:

Ein Beispiel-Tutorial für Margin-Top in der Webseitenproduktion


Der Unterschied zwischen den Typen von Box-Modelle in CSS


Schritte zum Implementieren des Inhaltsattributs von CSS3

Das obige ist der detaillierte Inhalt vonImplementierungsschritte für die Verwendung von JS zum Betreiben von HTTP-Cookies. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage