cookie 是儲存於訪問者的計算機中的變數。每當同一臺計算機通過瀏覽器請求某個頁面時，就會發送這個 cookie。你可以使用 JavaScript 來建立和取回 cookie 的值。本文主要JS怎樣讀取Cookie以及域的設定。

在Javascript腳本里，一個cookie 實際就是一個字串屬性。當你讀取cookie的值時，就得到一個字串，裡面當前WEB頁使用的所有cookies的名稱和值。每個cookie除了 name名稱和value值這兩個屬性以外，還有四個屬性。這些屬性是： expires過期時間、 path路徑、 domain域、以及 secure安全。

Expires – 過期時間

Path – 路徑。指定與cookie關聯的WEB頁。值可以是一個目錄，或者是一個路徑。如果http://www.zdnet.com/devhead /index.html 建立了一個cookie，那麼在http://www.zdnet.com/devhead/目錄裡的所有頁面，以及該目錄下面任何子目錄裡的頁面都可以 訪問這個cookie。這就是說，在http://www.zdnet.com/devhead/stories/articles 裡的任何頁面都可以訪問http://www.zdnet.com/devhead/index.html建立的cookie。但是，如果http: //www.zdnet.com/zdnn/ 需要訪問http://www.zdnet.com/devhead/index.html設定的cookes，該怎麼辦？這時，我們要把cookies 的path屬性設定成“/”。

在指定路徑的時候，凡是來自同一伺服器，URL裡有相同路徑的所有WEB頁面都可以共享cookies。現在看另一個例子： 如果想讓 http://www.zdnet.com/devhead/filters/ 和http://www.zdnet.com/devhead/stories/共享cookies，就要把path設成“/devhead”。

Domain – 域。指定關聯的WEB伺服器或域。值是域名，比如zdnet.com。這是對path路徑屬性的一個延伸。如果我們想讓 catalog.mycompany.com 能夠訪問shoppingcart.mycompany.com設定的cookies，該怎麼辦? 我們可以把domain屬性設定成“mycompany.com”，並把path屬性設定成“/”。不能把cookies域屬性設定成與設定它的伺服器的 所在域不同的值。

Secure – 安全。指定cookie的值通過網路如何在使用者和WEB伺服器之間傳遞。這個屬性的值或者是“secure”，或者為空。預設情況下，該屬性為空，也就是 使用不安全的HTTP連線傳遞資料。如果一個 cookie 標記為secure，那麼，它與WEB伺服器之間就通過HTTPS或者其它安全協議傳遞資料。不過，設定了secure屬性不代表其他人不能看到你機器本 地儲存的cookie。換句話說，把cookie設定為secure，只保證cookie與WEB伺服器之間的資料傳輸過程加密，而儲存在本地的 cookie檔案並不加密。如果想讓本地cookie也加密，得自己加密資料。

例：a.b.com和c.b.com兩個站，建立方式如下：

a.b.com站下建a.html。關鍵程式碼如下：

<script type="text/javascript">  
    function setCookie(c_name,value,expiredays) {  
        var exdate=new Date();  
        exdate.setDate(exdate.getDate()+expiredays);  
        alert(exdate.getDate()+expiredays);  
        document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString())+";path=/;domain=b.com";  
    }  
    window.onload=function(){  
        setCookie("listallwjh","sfwjh");  alert("Cookie設定成功！");  
    }  
</script> 

c.b.com站下建a.html。關鍵程式碼如下

<script>  
    function getCookie(c_name) {  
        if (document.cookie.length>0)  {  
            c_start=document.cookie.indexOf(c_name + "=");  
            if (c_start!=-1)  {   
                c_start=c_start + c_name.length+1 ;  
                c_end=document.cookie.indexOf(";",c_start);  
                    if (c_end==-1) 
                       c_end=document.cookie.length;  
                       return unescape(document.cookie.substring(c_start,c_end));  
            }   
        }  
        return "";  
    }  
    window.onload=function(){  
        var c_name="listallwjh";  
        if(getCookie("listallwjh")!=null){  
            alert(getCookie("listallwjh"));  
        }  
    }  
</script>

這兩個一個也面是設定，一個是取，只要保證兩個規則一樣，就行。執行，結果：OK！

注：這兩個方法有時候也可以寫在一起，先判斷cookie是否存在，在建立。

友情資料：

一、瀏覽器允許每個域名所包含的 cookie 數：Microsoft 指出 Internet Explorer 8 增加 cookie 限制為每個域名 50 個，但 IE7 似乎也允許每個域名 50 個 cookie（ color="#006da3">《Update to Internet Explorer’s Cookie Jar》）。

Firefox 每個域名 cookie 限制為 50 個。Opera 每個域名 cookie 限制為 30 個。Safari/WebKit 貌似沒有 cookie 限制。但是如果 cookie 很多，則會使 header 大小超過伺服器的處理的限制，會導致錯誤發生。注：每個域名 cookie 限制為 20 個將不再正確！

二、當很多的 cookie 被設定，瀏覽器如何去響應。除 （可以設定全部cookie，不管數量多少），有兩個方法：最少最近使用（least recently used (LRU)）的方法：當 Cookie 已達到限額，自動踢除最老的 Cookie ，以使給最新的 Cookie 一些空間。 Internet Explorer 和 Opera 使用此方法。

Firefox 很獨特：雖然最後的設定的 Cookie 始終保留，但似乎隨機決定哪些 cookie 被保留。似乎沒有任何計劃（建議：在 Firefox 中不要超過 Cookie 限制）。

三、不同瀏覽器間 cookie 總大小也不同：Firefox 和 Safari 允許 cookie 多達 4097 個位元組, 包括名（name）、值（value）和等號。Opera 允許 cookie 多達 4096 個位元組, 包括：名（name）、值（value）和等號。Internet Explorer 允許 cookie 多達 4095 個位元組, 包括：名（name）、值（value）和等號。注：多位元組字元計算為兩個位元組。在所有瀏覽器中，任何 cookie 大小超過限制都被忽略，且永遠不會被設定。

當訪問者首次訪問頁面時，他或她也許會填寫他/她們的名字。名字會儲存於 cookie 中。當訪問者再次訪問網站時，他們會收到類似 "Welcome John Doe!" 的歡迎詞。而名字則是從 cookie 中取回的。這就是Cookie，希望本文能幫助到你。