例如：一個父窗體點擊了個提交表單事件，同時要將提交的服務器返回處理結果顯示在父窗體的iframe頁面中，父窗體通過獲得iframe中返回的結果來處理父窗體的部分數據。此時就要監聽iframe的內容變更。

在IE下直接可以用

$get("#frame_hidden").onreadystatechange = function () {if ($get("#frame_hidden").readyState && $get("#frame_hidden").readyState == "complete") {var responseText = $get("#frame_hidden").contentDocument.getElementById("divMes").innerHTML;eval("var d=".concat(responseText));if (d.status.toUpperCase() == "Y") {//添加成功時的操作var data = "path=" + escape(navPointer);DataLoad(data);obj.parentNode.removeChild($get("#upFile"));$get("#btnOpen").style.display = "inline";obj.style.display = "none";} else if (d.status.toUpperCase() == "N") {alert(d.err);}}}} 就可以監聽到，但這個方法不兼容firefox,google，opera等瀏覽器，在這些瀏覽器下onreadystatechange這個事件就如同癱患了 如簡單的操作，可以給iframe的onload事件進行賦值如：iframe.οnlοad=iframe.onreadystatecnage=function(){//。。。。}?這個其實起不了真正的監聽作用，它只是在每次iframe加載時處理下 我這次解決的辦法是在iframe中寫js，然后結合父窗體的js二者產生交互來實現。 如： var responseText = $get("#divMes").innerHTML;eval("var d=".concat(responseText));if (d.status.toUpperCase() == "Y") {//添加成功時的操作var data = "path=" + escape(parent.navPointer);parent.DataLoad(data);//這是調用父窗體的改變處理數據的方法parent.document.getElementById("upLoad").parentNode.removeChild(parent.document.getElementById("upFile"));parent.document.getElementById("btnOpen").style.display = "inline";parent.document.getElementById("upLoad").style.display = "none";} else if (d.status.toUpperCase() == "N") {alert(d.err);}

轉載于:https://www.cnblogs.com/solomon_Blog/archive/2011/09/29/2195334.html

總結

以上是生活随笔為你收集整理的iframe和父窗体之间的互相监听方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。