jquery 操作cookie

参考地址：http://hi.baidu.com/crp8/blog/item/5b856e1ece4ca1f21bd576c1.html

 

一、什么是Cookie Cookie是在Web上用于存储客户系统信息的对象。所有的信息都 以每行一个Cookie的形式存放在客户端的一个名为cookies.txt的文 件里。Cookie在HTTP头标(客户和服务器用来标识自身的分组)中在客 户机与服务器之间传输。 Cookie由某个WWW网页在某客户机上进行设置。比如,某个WWW网 页已在一个用户的计算机上设置了一个Cookie,其中存储的信息是该 用户的身份号(随机赋予该用户的唯一标识),当该用户的浏览器连接 该WWW站点时,站点要求浏览器将Cookie送回,他的身份号就通过Cooki e 传递给该网页所在的WWW服务器。服务器上的一个CGI程序查找一个 服务器端的文件以确定关于他的预设内容。 当某个服务器在客户的计算机上设置Cookie后,请注意如果要让C ookie信息确实写入文件,必须关闭浏览器。在浏览器未关闭之前,任 何新的或变化的Cookie都存放在内存中。 二、Cookie的特性 每个Cookie包含有6个元素,常用的有:name、value、expires、d omain和secure。这些元素存放了这个Cookie的作用范围及实际的数 据。 1.name 这是每一个Cookie必须有的元素,它是该Cookie的名字 。name元素是一个不含分号、逗号和空格的字符串。其命名方式与变 量命名相同。 2.value value也是每个Cookie必须有的元素,它是该Cookie的 值。value元素是实际存放于Cookie中的信息。它是由任何字符构成 的字符串。 3.expires expires是一个Cookie的过期时间。没有设置expire s元素的Cookie在用户断开连接后过期,但在用户关闭浏览器之前Cook ie依然存在。 Cookie有一个过期时间并等于它会从Cookie.txt文件中被删除。 在它的位置被用来存放另一个Cookie前,它依然存在着。过期的Cooki e只是不被送往要求使用它的服务器。 expire是一个串,它的形式如下: Wdy, DD-Mon-YY HH:MM:SS GMT expires元素是可选的。 4.domain domain是设置某个Cookie的Web网页所在的计算机的 域名。这样,由一个站点创建的Cookie不会影响到另一个站点上的程 序。对于较高层的域名如.com, .edu,或.mil,域名中至少有两个分隔 符(.)。而对于较低层的域名如.cn, .uk或.ca,域名中至少有3个分隔 符。demain元素自动地被设为网页所在站点的基本域名。比如,你的 网页位于http://www.dsc ga.com/～user,则该网页创建的Cookie缺 省地对域dscga.com有效。如果你希望你的Cookie 只应用于服务器ww w3.dscya.com,那么你必须在设置Cookie的时候指定。 只有拥有域名的站点才能为那个域名设置Cookie 5.path 一个Cookie可以被指定为只针对一个站点的某一层次。 如果一个Web站点要区分已注册的和未注册的客户,就可以为已经注册 的客户设置Cookie,当注册过的客户访问该站点时,他就可以访问到只 对注册客户有效的页面。 path是可选项,如果没有指定path,将被缺省地设置为设置Cookie 的页面的路径。 6.secure标志 secure是一个布尔值(真或假)。它的缺省值为假 。如果它被设为真值, 这个Cookie只被浏览器认为是安全的服务器所 记住。 三、关于Cookie的一些限制 一个站点能为一个单独的客户最多设置20个Cookie。如果一个站 点有两个服务器(如ww w.dscga.com和www3.dscga.com)但没有指定域 名,Cookie的域名缺省地是dscga.com。如果指定了确切的服务器地址 ,则每个站点可以设置20个Cookie--而不是总共20个。不仅每个服务 器能设置的Cookie数目是有限的,而且每个客户机最多只能存储300个 Cookie。如果一个客户机已有300个Cookie,并且一个站点在它上面又 设置了一个新Cookie,那么,先前存在的某一个Cookie将被删除。 每个Cookie也有自身的限制。Cookie不得超过4KB(4096bytes), 其中包括名字和其他信息。 四、JavaScript和Cookie 现在大家已经了解有关Cookie的一些基本概念了,让我们更进一 步讨论Cookie。可以用JavaScript来很方便地编写函数用来创建、读 取和删除Cookie。下面,我们就介绍这些函数 1.创建Cookie 我们要进行的第一件事就是要创建一个Cookie。下面给出的SctC ookie()函数将完成这一功能。 function SetCookit (name, value) { var argv=SetCookie.arguments; var argc=SetCookie.arguments.length; var expires=(argc>2)?argv[2]: null; var path=(argc>3)? argv[3]: null; var domain=(argc>4)? argv[4]: null; var secure=(argc>5)? argv[5]: false; document.Cookie=name+"="+escape (value)+ ((expires==null)?"":(";expires=" +expires.toGMTString()))+ ((path==null)?"":(";path="+path))+ ((domain==null)?"":(";domain="+ domain))+ ((secure==true)?";secure":""); } SetCookie()只要求传递被设置的Cookie的名字和值,但如果必要 的话你可以设置其他4 个参数而不必改变这个函数。可选的参数必须 用正确的次序使用。如果不想设置某个参数, 必须设置一个空串。比 如,如果我们创建的一个Cookie需要指定secure域,但不想设置expir es, patb或domain,就可以像这样调用SetCokie(): SetCookie("MyN ewCookie","MyValue" ,"",","tyue); 2.读取Cookie 下面给出的函数GetCookie()用来读取一个Cookie。当一个Cooki e的请求被客户机收到时,该客户机查找它的cookies.txt文件以进行 匹配。这个函数首先匹配这个Cookie的名字。如果有多个同名的Cook ie,它再匹配路径。函数完成匹配后返回这个Cookie的值。如果客户 机中没有这个Cookie,或者路径不匹配,该函数返回一个NULL。 function GetCookie(name) { var arg=name+ "="; var alen=arg.length; var clen=document.cookie.length; var i=0; while (i<clen) { var j=i+alen; if(document.cookie.substring(i,j) ==arg) return getCookieVal(j); i=document.cookie.indexOf("",i)+1; if(i==0)break; } return null; } 函数中使用了getCookieVal()函数,它是GetCookie()函数的补充 。getCookieVal()将C ookies.txt文件分解为片断,并从一批Cookie 中读出正确的Cookie。该函数的实现如下: function getCookieVal(offset) { var endstr=document.cookie.indexOf (";",offset); if(endstr==-1) //没有指定其他元素 endstr=document.cookie.length; return unescape(document.cookie.substring (offset,endstr)); } 3.删除Cookie 删除一个Cookie很简单,只需将它的过期时间设为NULL。当用户 断开连接后,这个Cooki e就过期了(没有过期时间的Cookie将在浏览 器关闭时被删除)。下面的函数DeleteCookie() 说明了如何删除一个 Cookie: function DeleteCookie(name) { var exp=new Date(); exp.setTime(exp.getTime()-1); //将exp设为已过期的时间 var cval=GetCookie(name); document.cookie=name+"="+cval+"; expires="+exp.toGMTString(); } 五、Cookie的应用举例 Cookie能够存储与某个独立的web页面相关的特定用户的信息,这 使得Cookie具有强大的功能。以下举出了Cookie的一些用途: ·指出一个用户已对一个网页进行访问的次数 ·提醒用户自上次看这个网页后,该网页已发生变化 ·在联机订购系统中使用Cookie来记住一个客户想要买些什么, 即可以把Cookie看成是一个"购物筐"。客户可能选好了物品后由于某 种原因离开了联机订购系统,当他下一次再连接该系统时,他会发现它 的"购物筐" 依然有上次选好的物品。 ·记住一个用户想要看你网页的有页框还是无页框的版本。 下面,我们实现前两个功能。 1.记住一个用户对一个网页进行访问的次数 这个例子可以指出一个用户访问网页的次数。它通过使用一个Co okie来存储连接双方的值来完成。 <html> <head> <script language="JavaScript"> <!--hide from nonJavaScript browsers function getCookieVal(offset){ //函数getCookie()的说明 } function GetCookie (name) { //函数GetCookie()的说明 } function SetCookie (name,value) { //函数SetCookie()的说明 } function DeleteCookie(name){ //函数DeleteCookie()的说明 } var expdate=new Date(); var numvisits; expdate.setTime(expdate.getTime() +(5*24*60*60*1000)); if(!(numvisits=GetCookie("num visits"))) numvisits=0; numvisits++; SetCookie("numvisits",numvisits, expdate); document.write("Thank you for visiting us.<br>"); document.write("You have loaded this page <font size=5>"+numvisits+" </font> times.<br>"); //end hide-> </script> </html> 注意语句 if(!(numvisits=GetCookie ("numvisits")))numvisits=0 如果想获取一个Cookie的值而这个Cookie又不存在,解释器将返 回一个numvisits is u n defined的错误。你可以使用NOT(!)操作符来消除这个问题。 2.提醒用户网页已经发生了变化 下面的例子中使用一个Cookie来确定自从上次访问后一个页 面是否已经改变。 <html> <head> </head> <script language="JavaScript"> <!--hide from nonJavaScript browsers function getCookieVal (offset) { //函数getCookieVal()的说明 } function GetCookie(name) { //函数GetCookie()的说明 } function SetCookie (name,value) { //函数SetCookie()的说明 } function DeleteCookie(name) { //函数DeleteCookie()的说明 } var cookie-data=new Date (document.lastModified); var expdate=new Date(); expdate.setTime(expdate.getTime()+ (5*24*60*60*1000)); document.write("This page last updated on:"+document.lastModified); document.write("<br>"); if(!(cookie-data==GetCookie("cookie- date"))){ SetCookie("cookie-date",cookie- date,expdate); document.write("<font color='Red'> This page has changed since your last visit!</font><br>"); } // end hide-> </script> </html> 程序中检查Cookie是否存在的方法与前面一个例子相同。但在这 儿,我们将Cookie的值设为一个日期而不是一个整数,并把位于Cookie 中的值document.lastModified与前页面的d oument.lastModified值 相比较。如果它们相同,页面就不发生变化,否则,这个Cookie的值将 被重新设置,并且浏览器将提醒用户页面已发生变化。 -- ※ 来源:．南大小百合信息交换站 bbs.nju.edu.cn．[FROM: hsia.nju.edu.cn] 本文作者：未知 文章出处：未知 文章性质：原创 阅读次数：997 发布日期：2005-09-12

function Setcookie (name, value) { //设置名称为name,值为value的Cookie  var argc = SetCookie.arguments.length;  var argv = SetCookie.arguments;  var path = (argc > 3) ? argv[3] : null;  var domain = (argc > 4) ? argv[4] : null;  var secure = (argc > 5) ? argv[5] : false;  documents.cookie = name + "=" + value +  ((path == null) ? "" : ("; path=" + path)) +  ((domain == null) ? "" : ("; domain=" + domain)) +  ((secure == true) ? "; secure" : "");  }  function Deletecookie (name) { //删除名称为name的Cookie  var exp = new Date();  exp.setTime (exp.getTime() - 1);  var cval = GetCookie (name);  documents.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();  }  function Clearcookie() //清除COOKIE  {  var temp=documents.cookie.split(";");  var loop3;  var ts;  for (loop3=0;loop3 {  ts=temp[loop3].split("=")[0];  if (ts.indexOf(’mycat’)!=-1)  DeleteCookie(ts); //如果ts含“mycat”则执行清除  }  }  function getCookieVal (offset) { //取得项名称为offset的cookie值  var endstr = documents.cookie.indexOf (";", offset);  if (endstr == -1)  endstr = documents.cookie.length;  return unescape(documents.cookie.substring(offset, endstr));  }  function GetCookie (name) { //取得名称为name的cookie值  var arg = name + "=";  var alen = arg.length;  var clen = documents.cookie.length;  var i = 0;  while (i < clen) {  var j = i + alen;  if (documents.cookie.substring(i, j) == arg)  return getCookieVal (j);  i = documents.cookie.indexOf(" ", i) + 1;  if (i == 0) break;  }  return null;  }