cookie是指Web瀏覽器存儲的少量數(shù)據(jù)。cookie數(shù)據(jù)會自動在Web瀏覽器和Web服務器之間傳輸兵怯。
1.cookie的有效期和作用域
cookie的默認有效期為Web瀏覽器的會話期間，一旦用戶關閉瀏覽器档址，cookie保存的數(shù)據(jù)就丟失了奋单。如果想延長cookie的有效期，可以通過設置max-age屬性纬纪，必須明確告訴瀏覽器cookie的有效期是多長（單位是秒）。
cookie的作用域是通過文檔源和文檔路徑來確定的滑肉。該作用域通過cookie的path和domain屬性配置包各。默認情況下，cookie和創(chuàng)建它的Web頁面有關靶庙，并對該Web頁面以及該Web頁面同目錄或者子目錄的其他Web頁面可見问畅。比如，Web頁面http://www.example.com/catalog/index.html頁面創(chuàng)建了一個cookie六荒，那么該cookie對
http://www.example.com/catalog/order.html? ? ? ? ? ? ? ? ? ? ? ? ? ?//可見
http://www.example.com/catalog/widgets/index.html? ? ? ? ? ? ?// 可見
http://www.example.com/about.htm? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //不可見
通過設置cookie的路徑（設置cookie的path屬性）护姆，可以使來自同一個Web服務器的Web頁面，只要其URL是以指定的路徑前綴開始的掏击，都可以共享cookie卵皂。
例如，如果http://www.example.com/catalog/widgets/index.html頁面創(chuàng)建了一個cookie铐料，并且將該路徑設置成“/catalog”渐裂，那么該cookie對于http://www.example.com/catalog/order.html頁面也是可見的。將cookie的路徑設置成“/”等于是讓cookie和localStorage擁有同樣作用域钠惩，同時當它請求該站點上任何一個Web頁面的時候柒凉，瀏覽器都必須將cookie的名字和值傳遞給服務器。
cookie的作用域默認由文檔源限制篓跛。但是膝捞，當大型網站想要子域之間能夠互相共享cookie,這個時候就需要設置cookie的domain屬性。如果沒有未一個cookie設置域屬性愧沟，那么domian屬性的默認值是當前Web服務器的主機名蔬咬。
例如，如果catalog.example.com域下的一個頁面創(chuàng)建了一個cookie沐寺，并將path屬性設置成“/”林艘，其domain屬性設置成“.example.com”，那么該cookie就對所有catalog.example.com混坞、orders.example.com以及任何其他example.com域下的任何其他服務器都可見狐援。
2.保存cookie
2.1 默認cookie設置
給當前文檔設置默認有效期的cookie值钢坦，只須將cookie屬性設置為一個字符串形式的值：
????name=value
如下所示：
document.cookie =? "version=" + encodeURIComponent(document.lastModified)
由于cookie的名/值中的值是不允許包含分號、逗號和空白符啥酱，因此爹凹，在存儲前一般可采用JS的核心全局函數(shù)encodeURIComponent()對值進行編碼，相應的镶殷，讀取cookie值的時候徐亞采用decodeURIComponent()函數(shù)解碼禾酱。
2.2 延長cookie有效期
將cookie設置為字符串：
name=value; max-age=seconds
示例：
function setcookie(name, value, daysToLive) {
? ? var cookie =? name + "=" + encodeURIComponent(value);
? ? if(typeof daysToLive === "number") {
? ? ? ? cookie += "; " + "max-age=" + (daysToLive*60*60*24)
????}
? ? document.cookie = cookie
}
同樣的。如果需要設置cookie的path绘趋、domain和secure屬性颤陶，只須在存儲cookie值前，以如下字符串的形式追加在cookie值的后面：
? ? ; path=path; domain= domain; secure
要刪除一個cookie,需要使用相同的名字陷遮、路徑和域指郁，然后指定一個任意（非空）的值，并且將max-age屬性指定為0拷呆，再次設置cookie。
3.讀取cookie
通過document.cookie屬性可以獲取cookie的值疫粥，讀取cookie屬性時茬斧，返回的值是一個字符串，該字符串都是由一系列名/值組成（不含path梗逮、domain等其他屬性）项秉，不同的名/值對之間通過“分號和空格”分開，其內容包含了所有作用在當前文檔的cookie慷彤。
示例：
// 將document.cookie的值以名/值對組成的一個對象返回
// 假設存儲cookie的值的時候采用的encodeURIComponent()函數(shù)編碼的
function getcookie() {
? ? var cookie = {};
? ? var all = document.cookie;
? ? if(all==="")?
? ? ? ? return cookie;
? ? var list = all.split("; ");
? ? for(var i=0; i<list.length; i++) {
? ? ? ? var cookie = list[i];
? ? ? ? var p = cookie.indexOf("=");
? ? ? ? var name = cookie.substring(0,p);
? ? ? ? var value = cookie.substring(p+1);
? ? ? ? value = decodeURIComponent(value);
? ? ? ? cookie[name] = value;
????}
? ? return cookie;
}
