JavaScript操作Cookie详解

Cookie是JavaScript中的一种机制，可以实现严格的跨页面全局变量的要求。

Cookie是存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访问这个域名时，便使这个cookie可用。因此，cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用。

在Cookie设置中，用escape()函数进行编码，可避免乱码和特殊字符问题; 当使用escape()编码后，在取出值以后需要使用unescape()进行解码才能得到原来的cookie值。

设置Cookie时可以直接给document.cookie赋值：

document.cookie="userId=828";

document.cookie="userName=hulk";
而且后面的值不会覆盖前面的值，它具有一种累加机制。

cookie的值可以由document.cookie直接获得，但这样获取的是所有的cookie值；要通过一指定cookie名称来获得所对应的值，则需做一些处理。

构造通用的cookie处理函数：

1．添加一个cookie：addCookie(name,value,expireHours)

该函数接收3个参数：cookie名称，cookie值，以及在多少小时后过期。这里约定expireHours为0时不设定过期时间，即当浏览器关闭时cookie自动消失。该函数实现如下：

<script language="JavaScript" type="text/javascript">

<!--

function addCookie(name,value,expireHours){

var cookieString=name+"="+escape(value);

//判断是否设置过期时间

if(expireHours>0){

var date=new Date();

date.setTime(date.getTime+expireHours*3600*1000); // 转换为毫秒

cookieString=cookieString+"; expire="+date.toGMTString();

}

document.cookie=cookieString;

}

//-->

</script>

2．获取指定名称的cookie值：getCookie(name)

该函数返回名称为name的cookie值，如果不存在则返回空，其实现如下：

<script language="JavaScript" type="text/javascript">

<!--

function getCookie(name){

var strCookie=document.cookie;

var arrCookie=strCookie.split("; "); // 将多cookie切割为多个名/值对

for(var i=0;i<arrCookie.length;i++){ // 遍历cookie数组，处理每个cookie对

var arr=arrCookie[i].split("="); // 找到名称为userId的cookie，并返回它的值

if(arr[0]==name)

return arr[1];

}

return "";

}

//-->

</script>

3．删除指定名称的cookie：deleteCookie(name)

该函数可以删除指定名称的cookie，其实现如下：

<script language="JavaScript" type="text/javascript">

<!--

function deleteCookie(name){

var date=new Date();

date.setTime(date.getTime()-10000); // 删除一个cookie，就是将其过期时间设定为一个过去的时间

document.cookie=name+"=v; expire="+date.toGMTString();

}

//-->

</script>