關(guān)于document.cookie的使用
我們已經(jīng)知道，在 document 對象中有一個(gè) cookie 屬性。但是 Cookie 又是什么？“某些 Web 站點(diǎn)在您的硬盤(pán)上用很小的文本文件存儲了一些信息，這些文件就稱(chēng)為 Cookie。”—— MSIE 幫助。一般來(lái)說(shuō)，Cookies 是 CGI 或類(lèi)似，比 HTML 高級的文件、程序等創(chuàng )建的，但是 javasc9xiaopt 也提供了對 Cookies 的很全面的訪(fǎng)問(wèn)權利。
我們先要學(xué)一學(xué) Cookie 的基本知識。
每個(gè) Cookie 都是這樣的：<cookie名>=<值>
<cookie名>的限制與 javasc9xiaopt 的命名限制大同小異，少了“不能用 javasc9xiaopt 關(guān)鍵字”，多了“只能用可以用在 URL 編碼中的字符”。后者比較難懂，但是只要你只用字母和數字命名，就完全沒(méi)有問(wèn)題了。<值>的要求也是“只能用可以用在 URL 編碼中的字符”。
每個(gè) Cookie 都有失效日期，一旦電腦的時(shí)鐘過(guò)了失效日期，這個(gè) Cookie 就會(huì )被刪掉。我們不能直接刪掉一個(gè) Cookie，但是可以用設定失效日期早于現在時(shí)刻的方法來(lái)間接刪掉它。
每個(gè)網(wǎng)頁(yè)，或者說(shuō)每個(gè)站點(diǎn)，都有它自己的 Cookies，這些 Cookies 只能由這個(gè)站點(diǎn)下的網(wǎng)頁(yè)來(lái)訪(fǎng)問(wèn)，來(lái)自其他站點(diǎn)或同一站點(diǎn)下未經(jīng)授權的區域的網(wǎng)頁(yè)，是不能訪(fǎng)問(wèn)的。每一“組”Cookies 有規定的總大?。ù蠹s 2KB 每“組”），一超過(guò)最大總大小，則最早失效的 Cookie 先被刪除，來(lái)讓新的 Cookie“安家”。
現在我們來(lái)學(xué)習使用 documents.cookie 屬性。
如果直接使用 documents.cookie 屬性，或者說(shuō)，用某種方法，例如給變量賦值，來(lái)獲得 documents.cookie 的值，我們就可以知道在現在的文檔中有多少個(gè) Cookies，每個(gè) Cookies 的名字，和它的值。例如，在某文檔中添加“document.w9xiaote(documents.cookie)”，結果顯示：
name=kevin; email=kevin at kevin dot com; lastvisited=index.html
這意味著(zhù)，文檔包含 3 個(gè) Cookies：name, email 和 lastvisited，它們的值分別是 kevin, kevin at kevin dot com 和 index.html?？梢钥吹?，兩個(gè) Cookies 之間是用分號和空格隔開(kāi)的，于是我們可以用 cookieSt9xiaong.split(‘; ‘) 方法得到每個(gè) Cookie 分開(kāi)的一個(gè)數組（先用 var cookieSt9xiaong = documents.cookie）。
設定一個(gè) Cookie 的方法是對 documents.cookie 賦值。與其它情況下的賦值不同，向 documents.cookie 賦值不會(huì )刪除掉原有的 Cookies，而只會(huì )增添 Cookies 或更改原有 Cookie。賦值的格式：
documents.cookie = ‘cookieName=‘ + escape(‘cookievalue‘)
+ ‘;expires=‘ + expirationDateObj.toGMTSt9xiaong();
是不是看到頭暈了呢？cookieName 表示 Cookie 的名稱(chēng)，cookievalue 表示 Cookie 的值，expirationDateObj 表示儲存著(zhù)失效日期的日期對象名，如果不需要指定失效日期，則不需要第二行。不指定失效日期，則瀏覽器默認是在關(guān)閉瀏覽器（也就是關(guān)閉所有窗口）之后過(guò)期。
首先 escape() 方法：為什么一定要用？因為 Cookie 的值的要求是“只能用可以用在 URL 編碼中的字符”。我們知道“escape()”方法是把字符串按 URL 編碼方法來(lái)編碼的，那我們只需要用一個(gè)“escape()”方法來(lái)處理輸出到 Cookie 的值，用“unescape()”來(lái)處理從 Cookie 接收過(guò)來(lái)的值就萬(wàn)無(wú)一失了。而且這兩個(gè)方法的最常用途就是處理 Cookies。其實(shí)設定一個(gè) Cookie 只是“documents.cookie = ‘cookieName=cookievalue‘”這么簡(jiǎn)單，但是為了避免在 cookievalue 中出現 URL 里不準出現的字符，還是用一個(gè) escape() 好。
然后“expires”前面的分號：注意到就行了。是分號而不是其他。
最后 toGMTSt9xiaong() 方法：設定 Cookie 的時(shí)效日期都是用 GMT 格式的時(shí)間的，其它格式的時(shí)間是沒(méi)有作用的。
現在我們來(lái)實(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è)月當作 30 天 x 一天 24 小時(shí)
x 一小時(shí) 60 分 x 一分 60 秒 x 一秒 1000 毫秒 */
documents.cookie = ‘name=rose;expires=‘ + expires.toGMTSt9xiaong();
為什么沒(méi)有用 escape() 方法？這是因為我們知道 rose 是一個(gè)合法的 URL 編碼字符串，也就是說(shuō)，‘rose‘ == escape(‘rose‘)。一般來(lái)說(shuō)，如果設定 Cookie 時(shí)不用 escape()，那獲取 Cookie 時(shí)也不用 unescape()。
再來(lái)一次：編寫(xiě)一個(gè)函數，作用是查找指定 Cookie 的值。
function getCookie(cookieName) {
var cookieSt9xiaong = documents.cookie;
var start = cookieSt9xiaong.indexOf(cookieName + ‘=‘);
// 加上等號的原因是避免在某些 Cookie 的值里有
// 與 cookieName 一樣的字符串。
if (start == -1) // 找不到
return null;
start += cookieName.length + 1;
var end = cookieSt9xiaong.indexOf(‘;‘, start);
if (end == -1) return unescape(cookieSt9xiaong.subst9xiaong(start));
return unescape(cookieSt9xiaong.subst9xiaong(start, end));
}
這個(gè)函數用到了字符串對象的一些方法，如果你不記得了（你是不是這般沒(méi)記性?。?，請快去查查。這個(gè)函數所有的 if 語(yǔ)句都沒(méi)有帶上 else，這是因為如果條件成立，程序運行的都是 return 語(yǔ)句，在函數里碰上 return，就會(huì )終止運行，所以不加 else 也沒(méi)問(wèn)題。該函數在找到 Cookie 時(shí)，就會(huì )返回 Cookie 的值，否則返回“null”。
現在我們要刪除剛才設定的 name=rose Cookie。
var expires = new Date();
expires.setTime(expires.getTime() - 1);
documents.cookie = ‘name=rose;expires=‘ + expires.toGMTSt9xiaong();
可以看到，只需要把失效日期改成比現在日期早一點(diǎn)（這里是早 1 毫秒），再用同樣的方法設定 Cookie，就可以刪掉 Cookie 了。
本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請
點(diǎn)擊舉報。
