iframe和父窗体之间的互相监听方法

例如：一个父窗体点击了个提交表单事件，同时要将提交的服务器返回处理结果显示在父窗体的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