本文實例講述了javascript父子頁面通訊的實現方法。分享給大家供大家參考。具體分析如下：
如果一個domain為 www.abc.com的頁面內部包含一個name屬性值為childFrame的iframe，并且這個iframe的domain為 static.abc.com。那么可以通過設置父頁面的domain為abc.com，子頁面的domain也為abc.com，然后實現父子頁面通訊（我這里有點混淆父子頁面和跨域的概念。
不采用上面的方法也是可以實現父子頁面相互訪問的。
方法是：在父頁面用window.frames[0]或者window.frames["childFrame"]，返回的是一個Window對象，然后就可以通過：
var childWindow = window.frames[0];// 或者 window.frames["childFrame"] 或者直接childFrame 或者childFrame.window var childDoc = childWindow.contentDocument || childWindow.document;
利用childWindow可以訪問執行子頁面定義的函數，利用childDoc可以訪問子頁面的DOM節點。
而子頁面要訪問父頁面，可以通過parent（Window對象），如果一個頁面已經是頂級頁面那么parent==self將返回true：
if(parent != self) {// 當前頁面有父頁面 // 調用父頁面的函數 parent.parentFunc(); var parentDoc = parent.contentDocument || parent.document; // 訪問父頁面的DOM節點 }www.abc.com父頁面：
document.domain = 'abc.com';var ifr = document.createElement('iframe');ifr.src = 'http://static.abc.com/';ifr.style.display = 'none';document.body.appendChild(ifr);ifr.onload = function(){ var doc = ifr.contentDocument || ifr.contentWindow.document; // 在這里操縱子頁面 alert(doc.getElementsByTagName("h1")[0].childNodes[0].nodeValue);};www.static.abc.com子頁面：
希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
