Javascript高级教程-介绍cookie

现在你已经掌握了先进的字符串处理和相关数组概念，该是我
们打开神奇的cookie魔瓶的时候了．cookie是记录访问你的站
点的人的信息，它其实驻留在用户的硬盘上，即使用户已经离
开你的站点，cookie在用户的硬盘上仍然存在，如果该用户再
次返回你的站点，则该cookie就会被一起发回到你的服务器中，
便于你统计和处理重复到访者的信息．

数据挖掘研究院

但是有一点需要注意：Cookies被引入Netscape 2.0和MSIE 3.0，
但是MSIE 3.0对cookies的应用不是太完善．你可以利用cookies
在别的用户的计算机上保存和读取信息，但却不能将cookie保
存在自己的计算机上，所以给cookie的测试造成一定的困难．
所以如果你使用的是MSIE 3.0，你最好将其升级为MSIE 4.0或
者改用Netscape．

数据挖掘实验室

下面我们看一看一个cookie应用的典型例子，我们在一个网页
中设置cookie，然后通过别的网页读取它．在使用该例子的
时候，想想如果没有cookie，你如何做到这一点．

由于cookies牵扯到向用户的硬盘写盘和读取信息，所以就涉及
一个保密性的问题．如果你需要大量什么cookies，你应该阅读
一下Marc Slayton写的cooikies揭密以及重新考察cookies．这
些文章将告诉你cookie的实质和作用范围以及其内在的局限性．
其最重要的局限性在于：不是每个人的浏览器都欢迎cookies．
即便是用户的浏览器欢迎cookies，但用户也有可能拒绝cookies
的访问（大部分人还是欢迎的）每个域名只分配２０个cookies，
所以要节省着什么它们．Cookies不得大于4 KB，当然4,000字
节的容量是足够的了． 数据挖掘实验室

了解了这些局限性之后我们开始学习如何设置cookies设置一个
基本的cookie很容易．你所需做的只是在一个cookie_name=value
表单中生成一个字符串，然后设置document.cookie属性．唯一
的技巧：cookie值中不能有空格，逗号或分号．好在你无需担
心这些问题，因为有一系列的函数可以帮你对cookies属性编码
和解码： 数据挖掘研究院

escape()和unescape()．

下面的简单例子中将你的姓名保存为一个cookie：

function setCookie()
{

    var
the_name = prompt("What′s your name?","");

    var the_cookie =
"wm_javascript=username:" + escape(the_name);

    document.cookie =
the_cookie;

    alert("Thanks, now go to the next
page.");

}

数据挖掘研究院

函数中间的两行是关键：
var the_cookie = "wm_javascript=username:" + escape (the_name); 数据挖掘实验室

如果我在提示框中输入了"dave thau"，该行代码将生成一个字
符串wm_javascript=username:dave%20thau．这就是说我将把
一个名为wm_javascript的cookie保存到硬盘．该cookie的值
是username:dave%20thau - 函数 escape()将"dave" 和"thau"
之间的空格用%20做了替换．

当我们读取cookie时，我们寻找名为wm_javascript的cookie，
然后提取username:dave%20thau，将其用 unescape()解码，去
掉username:． 数据挖掘研究院

document.cookie = the_cookie;

cookie现在就设置好了，很简单．下面我们学习如何读取
cookie． 数据挖掘实验室

一旦你在某用户的硬盘上设置了cookie，读取是件很容易的
事．下面是读取cookie范例的代码：

function readCookie()

{

    var the_cookie = document.cookie;

    var broken_cookie = the_cookie.split(":");

    var the_name = broken_cookie[1];

    var the_name = unescape(the_name);

    alert("Your name is: " + the_name);

}

第１行很重要．当你的浏览器打开一个网页时，它调用任何和
该网页有关的cookie然后将其载入document.cookie属性． 数据挖掘研究院

读取cookie的技巧在于从中抽取出你需要的信息．注意在我们
所设置的cookie是这样的：wm_javascript=username:dave%
20thau．在该函数第１行之后的所有用于从该cookie中提取出
用户名（username）．

数据挖掘研究院

var broken_cookie = the_cookie.split(":");

数据挖掘研究院

将cookie在分号处分割成两部分．
var the_name = broken_cookie[1]; 数据挖掘研究院

抓取分号后面的内容dave%20thau．
var the_name = unescape(the_name);
取消函数escape()的编码替换．在本例中重新用空格替换了%20．
alert("Your name is: " + the_name); 显示你的姓名．

数据挖掘实验室

这个例子使用的cookie只保存了很少的信息：用户名，cookie
最多可以保存多达4kb的信息。 数据挖掘研究院