js iframe跨域存取(同主域/非同主域)分別深入介紹_javascript技巧

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




複製程式碼

程式碼如下:

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