js跨域是個討論很多的話題。 iframe跨域訪問也被研究的很透了。
一般分兩種情況:
一、 是同主域下面,不同子域之間的跨域;
同主域,不同子網域跨域,設定相同的document.domian就可以解決;
父頁存取子頁,可以document.getElementById("myframe").contentWindow.document來存取iframe頁面的內容;如果支援contentDocument也可以直接document .getElementById("myframe").contentDocument存取子頁內容;
子頁存取父頁,可以parent.js全域屬性
二、 是不同主域跨網域;
二、是不同主域跨網域
;前提,www.a.com下a.html,a.html內iframe呼叫了www.b.com下的b.html,b.html下iframe呼叫了www.a.com下的c.html
b.html是不無法直接存取a.html的對象,因為涉及跨域,但可以存取parent,同樣c.html的parent可以存取b.html。 c.html和a.html同域,是可以存取a下的物件的。 parent. 物件。 🎜>
<script> <BR>function dosome(text){ <BR>document.getElementById("getText").innerHTML= decodeURI(text); <BR>} <BR></script>
b.html
複製代碼
程式碼如下:
- 這裡是內容1
- 這裡是內容2
- 這裡是內容3
這裡是內容4
- 這裡是內容5
- 這裡是內容6
<script> <BR>window.onload = function(){ <BR>var text = document.getElementById('ct').innerHTML; <BR>document.getElementById('myfarme').src="http://www. a.com/c.html?content=" encodeURI(text); <BR>} <BR></script>
c.html
複製程式碼
程式碼如下:
無標題文件
<script> <BR>window.onload = function() { <BR>var text = window.location.href.split('=')[1] <BR>console.log(parent.parent) <BR>parent.parent.dosome(text); <BR>} <BR></script>
ddddddddddd