JS操作cookie详解

请记住，cookie就是文档的一个字符串属性。要保存cookie，只要建立一个字符串，格式是name=<value>（名称＝值），然后把文档的 document.cookie 设置成与它相等即可。比如，假设想保存表单接收到的用户名，那么代码看起来就象这样：

Java代码  

1. document.cookie = "username" + escape(form.username.value);  

在这里，使用 escape() 函数非常重要，因为cookie值里可能包含分号、逗号或者空格。这就是说，在读取cookie值时，必须使用对应的unescape()函数给值解码。
我们当然还得介绍cookie的四个属性。这些属性用下面的格式加到字符串值后面：

Java代码  

1. name=<value>[; expires=<date>][; domain=<domain>][; path=<path>][; secure]  
2.   
3. 名称=<值>[; expires=<日期>][; domain=<域>][; path=<路径>][; 安全]  

<value>, <date>, <domain> 和 <path> 应当用对应的值替换。<date> 应当使用GMT格式，可以使用Javascript脚本语言的日期类Date的.toGMTString() 方法得到这一GMT格式的日期值。方括号代表这项是可选的。比如在 [; secure]两边的方括号代表要想把cookie设置成安全的，就需要把"; secure" 加到cookie字符串值的后面。如果"; secure" 没有加到cookie字符串后面，那么这个cookie就是不安全的。不要把尖括号<> 和方括号[] 加到cookie里（除非它们是某些值的内容）。设置属性时，不限属性，可以用任何顺序设置。

下面是一个例子，在这个例子里，cookie "username" 被设置成在15分钟之后过期，可以被服务器上的所有目录访问，可以被"mydomain.com"域里的所有服务器访问，安全状态为安全。

Java代码  

1. // Date() 的构造器设置以毫秒为单位  
2. // .getTime() 方法返回时间，单位为毫秒  
3. // 所以要设置15分钟到期，要用60000毫秒乘15分钟  
4. var expiration = new Date((new Date()).getTime() + 15 * 60000);  
5. document.cookie = "username=" + escape(form.username.value)+ "; expires ="  
6. + expiration.toGMTString() + "; path=" + "/" + "; _  
7. domain=" + "mydomain.com" + "; secure";  

读取cookies值有点象个小把戏，因为你一次就得到了属于当前文档的所有cookies。

Java代码  

1. // 下面这个语句读取了属于当前文档的所有cookies  
2. var allcookies = document.cookie;  

现在，我们得解析allcookies变量里的不同cookies，找到感兴趣的指定cookie。这个工作很简单，因为我们可以利用Javascript语言提供的扩展字符串支持。

如果我们对前面分配的cookie "username" 感兴趣，可以用下面的脚本来读取它的值。

Java代码  

1. // 我们定义一个函数，用来读取特定的cookie值。  
2. function getCookie(cookie_name)  
3. {  
4. var allcookies = document.cookie;  
5. var cookie_pos = allcookies.indexOf(cookie_name);  
6.   
7. // 如果找到了索引，就代表cookie存在，  
8. // 反之，就说明不存在。  
9. if (cookie_pos != -1)  
10. {  
11. // 把cookie_pos放在值的开始，只要给值加1即可。  
12. cookie_pos += cookie_name.length + 1;  
13. var cookie_end = allcookies.indexOf(";", cookie_pos);  
14.   
15. if (cookie_end == -1)  
16. {  
17. cookie_end = allcookies.length;  
18. }  
19.   
20. var value = unescape(allcookies.substring(cookie_pos, cookie_end));  
21. }  
22.   
23. return value;  
24. }  
25.   
26. // 调用函数  
27. var cookie_val = getCookie("username");  

上面例程里的 cookie_val 变量可以用来生成动态内容，或者发送给服务器端CGI脚本进行处理。现在你知道了使用Javascript脚本操纵cookies的基本方法。但是，如果你跟我一样，那么我们要做的第一件事，就是建立一些接口函数，把cookies处理上的麻烦隐藏起来。不过，在你开始编程之前，稍候片刻。这些工作，早就有人替你做好了。你要做的，只是到哪去找这些接口函数而已。

比如，在David Flangan的Javascript: The Definitive Guide 3rd Ed.这本书里，可以找到很好的cookie应用类。你也可以在Oreilly的WEB站点上找到这本书里的例子。本文最后的链接列表里，有一些访问这些cookie示例的直接链接。


Cookies 怪兽

因为某些原因Cookies 的名声很不好。许多人利用cookies做一些卑鄙的事情，比如流量分析、点击跟踪。Cookies 也不是非常安全，特别是没有secure属性的cookies。不过，即使你用了安全的cookies，如果你和别人共用计算机，比如在网吧，那么别人就可以窥探计算机硬盘上未加密保存的cookie文件，也就有可能窃取你的敏感信息。所以，如果你是一个WEB开发人员，那么你要认真考虑这些问题。不要滥用cookies。不要把用户可能认为是敏感的数据保存在cookies里。如果把用户的社会保险号、信用卡号等保存在cookie里，等于把这些敏感信息放在窗户纸下，无异于把用户投到极大危险之中。一个好的原则是，如果你不想陌生人了解你的这些信息，那就不要把它们保存在cookies里。

另外，cookies还有一些实际的限制。Cookies保留在计算机上，不跟着用户走。如果用户想换计算机，那么新计算机无法得到原来的cookie。甚至用户在同一台计算机上使用不同浏览器，也得不到原来的cookie：Netscape 不能读取Internet Explorer 的cookies。

还有，用户也不愿意接受cookies。所以不要以为所有的浏览器都能接受你发出的cookies。如果浏览器不接受cookies，你要保证自己的WEB站点不致因此而崩溃或中断。

另外WEB 浏览器能保留的cookies不一定能超过300个。也没有标准规定浏览器什么时候、怎么样作废cookies。所以达到限制时，浏览器能够有效地随机删除cookies。浏览器保留的来自一个WEB服务器上的cookies，不超过20个，每个cookie的数据（包括名称和值），不超过4K字节。(不过，本文里的cookie尺寸没问题，它只占了12 K字节，保存在3个3 cookies里。)

简而言之，注意保持cookie简单。不要依赖cookies的存在，不要在每个cookie里保存太多信息。不要保存太多的cookes。但是，抛除这些限制，在技巧高超的WEB管理员手里，cookie的概念是一个有用的工具。

http://kuangbaoxu.iteye.com/blog/193428