操纵Cookies

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

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

在这里，使用 escape() 函数非常重要，因为cookie值里可能包含分号、逗号或者空格。这就是说，在读取cookie值时，必须使用对应的unescape()函数给值解码。

我们当然还得介绍cookie的四个属性。这些属性用下面的格式加到字符串值后面：

name=<value>[; expires=<date>][; domain=<domain>][; path=<path>][; secure]
                                    名称=<值>[; 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"域里的所有服务器访问，安全状态为安全。

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

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

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

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

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

// 我们定义一个函数，用来读取特定的cookie值。
                                    function getCookie(cookie_name)
                                    {
                                    var allcookies = document.cookie;
                                    var cookie_pos = allcookies.indexOf(cookie_name);
                                     // 如果找到了索引，就代表cookie存在，
                                     // 反之，就说明不存在。
                                     if (cookie_pos != -1)
                                     {
                                      // 把cookie_pos放在值的开始，只要给值加1即可。
                                      cookie_pos += cookie_name.length + 1;
                                      var cookie_end = allcookies.indexOf(";", cookie_pos);
                                      if (cookie_end == -1)
                                      {
                                       cookie_end = allcookies.length;
                                      }
                                      var value = unescape(allcookies.substring(cookie_pos, cookie_end));
                                     }
                                     return value;
                                    }
                                    // 调用函数
                                    var cookie_val = getCookie("username");

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

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