［跨域］js設定document.domain實作跨域

document.domain

用來得到目前網頁的域名。

比如在位址欄裡輸入：

代碼如下:

javascript:alert(document.domain); //www.jb51.net

我們也可以給document.domain屬性指派，不過是有限制的，你隻能賦成目前的域名或者基礎域名。

比如：

javascript:alert(document.domain = "jb51.net"); //jb51.net

javascript:alert(document.domain = "www.jb51.net"); //www.jb51.net

上面的指派都是成功的，因為www.jb51.net是目前的域名，而jb51.net是基礎域名。

但是下面的指派就會出來"參數無效"的錯誤：

複制代碼代碼如下:

javascript:alert(document.domain = "cctv.net"); //參數無效

javascript:alert(document.domain = "www.jb51.net"); //參數無效

因為cctv.net與www.jb51.net不是目前的域名也不是目前域名的基礎域名，是以會有錯誤出現。

這是為了防止有人惡意修改document.domain來實作跨域偷取資料。

利用document.domain 實作跨域：

前提條件：這兩個域名必須屬于同一個基礎域名!而且所用的協定，端口都要一緻，否則無法利用document.domain進行跨域

Javascript出于對安全性的考慮，而禁止兩個或者多個不同域的頁面進行互相操作。

相同域的頁面在互相操作的時候不會有任何問題。

比如在：aaa.com的一個網頁（a.html）裡面 利用iframe引入了一個bbb.com裡的一個網頁（b.html）。

這時在a.html裡面可以看到b.html裡的内容，但是卻不能利用javascript來操作它。因為這兩個頁面屬于不同的域，在操作之前，js會檢測兩個頁面的域是否相等，如果相等，就允許其操作，如果不相等，就會拒絕操作。

這裡不可能把a.html與b.html利用JS改成同一個域的。因為它們的基礎域名不相等。（強制用JS将它們改成相等的域的話會報跟上面一樣的"參數無效錯誤。"）

是以如果在a.html裡引入aaa.com裡的另一個網頁，是不會有這個問題的，因為域相等。

有另一種情況，兩個子域名：

aaa.xxx.com

bbb.xxx.com

aaa裡的一個網頁（a.html）引入了bbb 裡的一個網頁（b.html），

這時a.html裡同樣是不能操作b.html裡面的内容的。

因為document.domain不一樣，一個是aaa.xxx.com，另一個是bbb.xxx.com。

這時我們就可以通過Javascript，将兩個頁面的domain改成一樣的，

需要在a.html裡與b.html裡都加入：

document.domain = "xxx.com";

這樣這兩個頁面就可以互相操作了。也就是實作了同一基礎域名之間的"跨域"。