設置cookie

每個cookie都是一個名/值對，可以把下面這樣一個字符串賦值給document.cookie：

document.cookie="userId=828";

如果要一次存儲多個名/值對，可以使用分號加空格（; ）隔開，例如：

document.cookie="userId=828; userName=hulk";

在cookie的名或值中不能使用分號（;）、逗號（,）、等號（=）以及空格。

在cookie的名中做到這點很容易，但要保存的值是不確定的。如何來存儲這些值呢？

方法是用escape()函數進行編碼，它能將一些特殊符號使用十六進制表示，例如空格將會編碼為“20%”，從而可以存儲于cookie值中，而且使用此種方案還可以避免中文亂碼的出現。例如：

document.cookie="str="+escape("I love ajax");

相當于： document.cookie="str=I%20love%20ajax";

當使用escape()編碼后，在取出值以后需要使用unescape()進行解碼才能得到原來的cookie值，這在前面已經介紹過。 盡管document.cookie看上去就像一個屬性，可以賦不同的值。但它和一般的屬性不一樣，改變它的賦值并不意味著丟失原來的值，例如連續執行下面兩條語句：

document.cookie="userId=828";document.cookie="userName=hulk";

這時瀏覽器將維護兩個cookie，分別是userId和userName，因此給document.cookie賦值更像執行類似這樣的語句：

document.addCookie("userId=828");document.addCookie("userName=hulk");

事實上，瀏覽器就是按照這樣的方式來設置cookie的，如果要改變一個cookie的值，只需重新賦值，例如：

document.cookie="userId=929";

這樣就將名為userId的cookie值設置為了929。

獲取cookie的值

下面介紹如何獲取cookie的值。cookie的值可以由document.cookie直接獲得：

var strCookie=document.cookie;

這將獲得以分號隔開的多個名/值對所組成的字符串，這些名/值對包括了該域名下的所有cookie。例如：

<script language="JavaScript" type="text/javascript"><!--document.cookie="userId=828";document.cookie="userName=hulk";var strCookie=document.cookie;alert(strCookie);//--></script>

由此可見，只能夠一次獲取所有的cookie值，而不能指定cookie名稱來獲得指定的值，這正是處理cookie值最麻煩的一部分。

用戶必須自己分析這個字符串，來獲取指定的cookie值，例如，要獲取userId的值，可以這樣實現：

<script language="JavaScript" type="text/javascript"><!--//設置兩個cookiedocument.cookie="userId=828";document.cookie="userName=hulk";//獲取cookie字符串var strCookie=document.cookie;//將多cookie切割為多個名/值對var arrCookie=strCookie.split("; ");var userId;//遍歷cookie數組，處理每個cookie對for(var i=0;i<arrCookie.length;i++){       var arr=arrCookie[i].split("=");       //找到名稱為userId的cookie，并返回它的值       if("userId"==arr[0]){          userId=arr[1];          break;       }}alert(userId);//--></script>