JavaScript操作cookie

相关知识：


不同的浏览器对cookie的实现也不一样，但其性质是相同的。例如在Windows 2000以及Windows xp中，cookie文件存储于documents and settings\userName\cookie\文件夹下。通常的命名格式为：userName@domain.txt。

应用场合：


缺点：

1.cookie可能被禁用。当用户非常注重个人隐私保护时，他很可能禁用浏览器的cookie功能；

2.cookie可能被删除。因为每个cookie都是硬盘上的一个文件，因此很有可能被用户删除；



设置cookie：
1.每个cookie都由多个名/值对组成，如“userId=111;style=grid”。

2.设置cookie有两种方式，我把它们分别叫做“覆盖型”和“追加型”。

3.“覆盖型”。通过将一整个字符串赋值给document.cookie，形式如：document.cookie=”userId=828;style=grid″。使用此方法，每次执行都相当于将cookie重置。


5. 在cookie 的名或值中不能使用分号（;）、逗号（,）、等号（=）以及空格。在cookie的名中做到这点很容易，但要保存的值是不确定的。如何来存储这些值呢？方法是用escape()函数

进行编码，它能将一些特殊符号使用十六进制表示，例如空格将会编码为“20%”，从而可以存储于cookie值中，而且使用此种方案还可以避免中文乱码的出现。

例如：document.cookie=”str=”+escape(”I love ajax”) 相当于：document.cookie=”str=I%20love%20ajax”; 当使用escape()编码后，在取出值以后需要使用unescape()进行解码

才能得到原来的cookie值。

6.cookie的有效期可以通过设置“expires”实现，值以毫秒记，参考如下代码，


var expires = expires * 1000 * 60 * 60 * 24;

var expires_date = new Date( today.getTime() + (expires) );

document.addCookie("expires=" + expires_date.toGMTString() : "" );

 

7.指定可访问cookie的路径 (转)

默认情况下，如果在某个页面创建了一个cookie，那么该页面所在目录中的其他页面也可以访问该cookie。如果这个目录下还有子目录，则在子目录中也可以访问。例如在www.xxxx.com/html/a.html中所创建的cookie，可以被www.xxxx.com/html/b.html或www.xxx.com/ html/ some/c.html所访问，但不能被www.xxxx.com/d.html访问。 为了控制cookie可以访问的目录，需要使用path参数设置cookie，语法如下： document.cookie="name=value; path=cookieDir"其中cookieDir表示可访问cookie的目录。例如： document.cookie="userId=320; path=/shop"; 就表示当前cookie仅能在shop目录下使用。 如果要使cookie在整个网站下可用，可以将cookie_dir指定为根目录，例如： document.cookie="userId=320; path=/" 指定可访问cookie的主机名和路径类似，主机名是指同一个域下的不同主机，例如：www.google.com和gmail.google.com就是两个不同的主机名。默认情况下，一个主机中创建的cookie在另一个主机下是不能被访问的，但可以通过domain参数来实现对其的控制，其语法格式为： document.cookie="name=value; domain=cookieDomain"; 以google为例，要实现跨主机访问，可以写为： document.cookie="name=value;domain=.google.com"; 这样，所有google.com下的主机都可以访问该cookie。


获取cookie：

有两种方式：


function GetCookie(name)
{
var result = null;
var myCookie = document.cookie + ";";
var searchName = name + "=";
var startOfCookie = myCookie.indexOf(searchName);
var endOfCookie;
if (startOfCookie != -1)
{
startOfCookie += searchName.length;
endOfCookie = myCookie.indexOf(";",startOfCookie);
result = unescape(myCookie.substring(startOfCookie, endOfCookie));
}
return result;
}

 



2. 通过正则式

function GetCookie(name)
{
  var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null) return unescape(arr[2]); return null;
}




删除cookie：

将指定cookie的expires设置为当前时间之前