JS跨域設置和取Cookie


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

Expires – 過期時間。指定cookie的生命期。具體是值是過期日期。如果想讓cookie的存在期限超過當前瀏覽器會話時間,就必須使用這個屬性。當過了到期日期時,瀏覽器就可以刪除cookie文件,沒有任何影響。

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&rsquo;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,希望本文能幫助到你。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM