1.設置cookie

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

document.cookie="uid=xxx";

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

document.cookie="uid=xxx; uname=root";

Ps：在cookie的名或值中不能使用分號（;）、逗號（,）、等號（=）以及空格。如果非要進行相關存儲，可以將該值用escape()函數進行編碼后再進行操作；取出值以后需要使用unescape()進行解碼。

2.獲取cookie的值

cookie的值可以由document.cookie直接獲得

var strCookie=document.cookie; 

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

如果需要指定cookie名稱來獲得指定的值，必須自己分析這個字符串，來獲取指定的cookie值

demo：

document.cookie="uid=xxx"; document.cookie="uname=root";  //設置兩個cookie var
strCookie=document.cookie; var arrCookie=strCookie.split("; ");  //以“;”分號為判定，將多cookie字符串切割為多個名/值對的數組
var uid; for(var i=0;i<arrCookie.length;i++)
{  //遍歷cookie數組，處理每個cookie對
var arr=arrCookie[i].split("=");
 if("uid"==arr[0])
{  //找到名稱為uid的cookie，并返回它的值
uid=arr[1]; 
break;
}
} 

3.給cookie設置終止日期

默認的所有cookie都是單會話cookie，即瀏覽器關閉后這些cookie將會丟失。事實上這些cookie僅僅是存儲在內存中，而沒有建立相應的硬盤文件。
下面這種方法可以設置過期時間，其中GMT_String是以GMT格式表示的時間字符串

document.cookie="uid=xxx; expires=GMT_String"; 

demo：

var date=new Date();
date.setTime(date.getTime()+3*24*3600*1000);
document.cookie="uid=xxx;
uname=root;
expire="+date.toGMTString();  //將uid和uname兩個cookie設置為3天后過期 

4.刪除cookie

為了刪除一個cookie，可以將其過期時間設定為一個過去的時間

demo：

var date=new Date();
date.setTime(date.getTime()-10000);  //將date設置為過去的時間
document.cookie="uid=xxx;
expire="+date.toGMTString(); 

5.指定可訪問cookie的路徑

默認情況下，如果在某個頁面創(chuàng)建了一個cookie，那么該頁面所在目錄中的其他頁面也可以訪問該cookie。如果這個目錄下還有子目錄，則在子目錄中也可以訪問。

可以使用path參數設置cookie來控制cookie可以訪問的目錄

document.cookie="name=value; path=cookieDir"; 

demo：

document.cookie="uname=root; path=/usercenter";  //表示uname為root的cookie僅在usercenter下有效

Ps：如果要使cookie在整個網站下可用，可以將cookie_dir指定為根目錄path=/

6.指定可訪問cookie的域名

默認情況下，一個域中創(chuàng)建的cookie在另一個域下是不能被訪問的，但可以通過domain參數來實現對其的控制

document.cookie="name=value; domain=cookieDomain"; 

demo：

document.cookie="name=value;domain=.xxx";  //表示xxx下的域都可以訪問該cookie