JavaScript入門教程 Cookies
2024-05-06 14:16:09
供稿：網友
某些 Web 站點在您的硬盤上用很小的文本文件存儲了一些信息，這些文件就稱為 Cookie。”—— MSIE 幫助。一般來說，Cookies 是 CGI 或類似，比 HTML 高級的文件、程序等創建的，但是 JavaScript 也提供了對 Cookies 的很全面的訪問權利。
在繼續之前，我們先要學一學 Cookie 的基本知識。
每個 Cookie 都是這樣的：<cookie名>=<值>
<cookie名>的限制與 JavaScript 的命名限制大同小異，少了“不能用 JavaScript 關鍵字”，多了“只能用可以用在 URL 編碼中的字符”。后者比較難懂，但是只要你只用字母和數字命名，就完全沒有問題了。<值>的要求也是“只能用可以用在 URL 編碼中的字符”。
每個 Cookie 都有失效日期，一旦電腦的時鐘過了失效日期，這個 Cookie 就會被刪掉。我們不能直接刪掉一個 Cookie，但是可以用設定失效日期早于現在時刻的方法來間接刪掉它。
每個網頁，或者說每個站點，都有它自己的 Cookies，這些 Cookies 只能由這個站點下的網頁來訪問，來自其他站點或同一站點下未經授權的區域的網頁，是不能訪問的。每一“組”Cookies 有規定的總大小（大約 2KB 每“組”），一超過最大總大小，則最早失效的 Cookie 先被刪除，來讓新的 Cookie“安家”。
現在我們來學習使用 document.cookie 屬性。
如果直接使用 document.cookie 屬性，或者說，用某種方法，例如給變量賦值，來獲得 document.cookie 的值，我們就可以知道在現在的文檔中有多少個 Cookies，每個 Cookies 的名字，和它的值。例如，在某文檔中添加“document.write(document.cookie)”，結果顯示：
代碼如下:
name=kevin; email=kevin@kevin.com; lastvisited=index.html
這意味著，文檔包含 3 個 Cookies：name, email 和 lastvisited，它們的值分別是 kevin, kevin@kevin.com 和 index.html。可以看到，兩個 Cookies 之間是用分號和空格隔開的，于是我們可以用 cookieString.split('; ') 方法得到每個 Cookie 分開的一個數組（先用 var cookieString = document.cookie）。
設定一個 Cookie 的方法是對 document.cookie 賦值。與其它情況下的賦值不同，向 document.cookie 賦值不會刪除掉原有的 Cookies，而只會增添 Cookies 或更改原有 Cookie。賦值的格式：
代碼如下:
document.cookie = 'cookieName=' + escape('cookieValue')
+ ';expires=' + expirationDateObj.toGMTString();
是不是看到頭暈了呢？以上不是粗體字的地方是要照抄不誤的，粗體字是要按實際情況做出改動的。cookieName 表示 Cookie 的名稱，cookieValue 表示 Cookie 的值，expirationDateObj 表示儲存著失效日期的日期對象名，如果不需要指定失效日期，則不需要第二行。不指定失效日期，則瀏覽器默認是在關閉瀏覽器（也就是關閉所有窗口）之后過期。
