name=kevin; email=kevin@kevin.com; lastvisited=index.html

這意味著，文檔包含 3 個(gè) Cookies：name, email 和 lastvisited，它們的值分別是 kevin, kevin@kevin.com 和 index.html。可以看到，兩個(gè) Cookies 之間是用分號(hào)和空格隔開(kāi)的，于是我們可以用 cookieString.split('; ') 方法得到每個(gè) Cookie 分開(kāi)的一個(gè)數(shù)組（先用 var cookieString = document.cookie）。
　　設(shè)定一個(gè) Cookie 的方法是對(duì) document.cookie 賦值。與其它情況下的賦值不同，向 document.cookie 賦值不會(huì)刪除掉原有的 Cookies，而只會(huì)增添 Cookies 或更改原有 Cookie。賦值的格式：

document.cookie = 'cookieName=' + escape('cookieValue')
+ ';expires=' + expirationDateObj.toGMTString();

是不是看到頭暈了呢？以上不是粗體字的地方是要照抄不誤的，粗體字是要按實(shí)際情況做出改動(dòng)的。cookieName 表示 Cookie 的名稱，cookieValue 表示 Cookie 的值，expirationDateObj 表示儲(chǔ)存著失效日期的日期對(duì)象名，如果不需要指定失效日期，則不需要第二行。不指定失效日期，則瀏覽器默認(rèn)是在關(guān)閉瀏覽器（也就是關(guān)閉所有窗口）之后過(guò)期。
　　看到了上面的一些下劃線了么？這些是應(yīng)該注意的地方。
　　首先 escape() 方法：為什么一定要用？因?yàn)?Cookie 的值的要求是“只能用可以用在 URL 編碼中的字符”。我們知道“escape()”方法是把字符串按 URL 編碼方法來(lái)編碼的，那我們只需要用一個(gè)“escape()”方法來(lái)處理輸出到 Cookie 的值，用“unescape()”來(lái)處理從 Cookie 接收過(guò)來(lái)的值就萬(wàn)無(wú)一失了。而且這兩個(gè)方法的最常用途就是處理 Cookies。其實(shí)設(shè)定一個(gè) Cookie 只是“document.cookie = 'cookieName=cookieValue'”這么簡(jiǎn)單，但是為了避免在 cookieValue 中出現(xiàn) URL 里不準(zhǔn)出現(xiàn)的字符，還是用一個(gè) escape() 好。
　　然后“expires”前面的分號(hào)：注意到就行了。是分號(hào)而不是其他。
　　最后 toGMTString() 方法：設(shè)定 Cookie 的時(shí)效日期都是用 GMT 格式的時(shí)間的，其它格式的時(shí)間是沒(méi)有作用的。
　　現(xiàn)在我們來(lái)實(shí)戰(zhàn)一下。設(shè)定一個(gè)“name=rose”的 Cookie，在 3 個(gè)月后過(guò)期。

var expires = new Date();
expires.setTime(expires.getTime() + 3 * 30 * 24 * 60 * 60 * 1000);
/* 三個(gè)月 x 一個(gè)月當(dāng)作 30 天 x 一天 24 小時(shí)
x 一小時(shí) 60 分 x 一分 60 秒 x 一秒 1000 毫秒 */
document.cookie = 'name=rose;expires=' + expires.toGMTString();

為什么沒(méi)有用 escape() 方法？這是因?yàn)槲覀冎?rose 是一個(gè)合法的 URL 編碼字符串，也就是說(shuō)，'rose' == escape('rose')。一般來(lái)說(shuō)，如果設(shè)定 Cookie 時(shí)不用 escape()，那獲取 Cookie 時(shí)也不用 unescape()。

　　再來(lái)一次：編寫(xiě)一個(gè)函數(shù)，作用是查找指定 Cookie 的值。

function getCookie(cookieName) {
var cookieString = document.cookie;
var start = cookieString.indexOf(cookieName + '=');
// 加上等號(hào)的原因是避免在某些 Cookie 的值里有
// 與 cookieName 一樣的字符串。
if (start == -1) // 找不到
return null;
start += cookieName.length + 1;
var end = cookieString.indexOf(';', start);
if (end == -1) return unescape(cookieString.substring(start));
return unescape(cookieString.substring(start, end));
}

這個(gè)函數(shù)用到了字符串對(duì)象的一些方法，如果你不記得了（你是不是這般沒(méi)記性啊），請(qǐng)快去查查。這個(gè)函數(shù)所有的 if 語(yǔ)句都沒(méi)有帶上 else，這是因?yàn)槿绻麠l件成立，程序運(yùn)行的都是 return 語(yǔ)句，在函數(shù)里碰上 return，就會(huì)終止運(yùn)行，所以不加 else 也沒(méi)問(wèn)題。該函數(shù)在找到 Cookie 時(shí)，就會(huì)返回 Cookie 的值，否則返回“null”。
　　現(xiàn)在我們要?jiǎng)h除剛才設(shè)定的 name=rose Cookie。

var expires = new Date();
expires.setTime(expires.getTime() - 1);
document.cookie = 'name=rose;expires=' + expires.toGMTString();

可以看到，只需要把失效日期改成比現(xiàn)在日期早一點(diǎn)（這里是早 1 毫秒），再用同樣的方法設(shè)定 Cookie，就可以刪掉 Cookie 了。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com