Heim >Web-Frontend >js-Tutorial >js einfache Methode zum Setzen und Verwenden von Cookies_Javascript-Fähigkeiten

js einfache Methode zum Setzen und Verwenden von Cookies_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:18:441937Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie man Cookies in js einfach setzt und verwendet. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Die Verwendung von js zum Setzen von Cookies

PHP kann Cookies setzen. Welche Vorteile bietet die Verwendung von js zum Setzen von Cookies? Bei der Arbeit am Front-End müssen manchmal viele Parameter übergeben werden. Zu diesem Zeitpunkt können wir diese Parameter an die Rückseite der URL anschließen und die Parameter dort übergeben, was jedoch recht mühsam ist Wir haben diese Daten in das Cookie eingefügt. Was die Entwicklungseffizienz der Entwickler betrifft, wird sie meiner Meinung nach höher sein. Nehmen wir Taobao als Beispiel. Es verfügt über eine Klassifizierung der ersten Ebene, eine Klassifizierung der zweiten Ebene und eine Klassifizierung der vierten Ebene -Ebene. Wenn wir nach Produkten suchen, gibt es möglicherweise viele Bedingungen. Wenn ich der Meinung bin, dass es viel bequemer ist, alle diese Bedingungen in Cookies aufzunehmen, frage ich mich, ob Taobao so ist. Die URL von Taobao ist verschlüsselt und sehr lang. Möglicherweise befindet sie sich am Ende der URL. Schauen wir uns ohne weitere Umschweife ein kleines Beispiel an.

2. js-Beispiele

//取得cookie
function getCookie(name) {
 var nameEQ = name + "=";
 var ca = document.cookie.split(';'); //把cookie分割成组
 for(var i=0;i < ca.length;i++) {
 var c = ca[i]; //取得字符串
 while (c.charAt(0)==' ') { //判断一下字符串有没有前导空格
 c = c.substring(1,c.length); //有的话,从第二位开始取
 }
 if (c.indexOf(nameEQ) == 0) { //如果含有我们要的name
 return unescape(c.substring(nameEQ.length,c.length)); //解码并截取我们要值
 }
 }
 return false;
}
//清除cookie
function clearCookie(name) {
 setCookie(name, "", -1);
}
//设置cookie
function setCookie(name, value, seconds) {
 seconds = seconds || 0; //seconds有值就直接赋值,没有为0,这个根php不一样。
 var expires = "";
 if (seconds != 0 ) { //设置cookie生存时间
 var date = new Date();
 date.setTime(date.getTime()+(seconds*1000));
 expires = "; expires="+date.toGMTString();
 }
 document.cookie = name+"="+escape(value)+expires+"; path=/"; //转码并赋值
}

Rufen Sie die obige Methode auf:

setCookie("test","tank",1800); //设置cookie的值,生存时间半个小时
alert(getCookie('test')); //取得cookie的值,显示tank
clearCookie("test"); //删除cookie的值
alert(getCookie('test')); //test对应的cookie值为空,显示为false.就是getCookie最后返的false值。

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Stellungnahme:
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