父页面与子页面的JS方法互调

页面与子页面的JS方法互调"/>

父页面与子页面的JS方法互调

iframe

    iframe元素也就是文档中的文档

window 对象

    浏览器会在其打开一个 HTML 文档时创建一个对应的 window 对象。但是，如果一个文档定义了一个或多个框架(即，包含一个或多个 frame 或 iframe 标签)，浏览器就会为原始文档创建一个 window 对象，再为每个框架创建额外的 window 对象。这些额外的对象是原始窗口的 子窗口，可能被原始窗口中发生的事件所影响。例如，关闭原始窗口将导致关闭全部子窗口。如果想要创建新窗口(以及对应的 window 对象)，可以使用像 open, showModalDialog 和 showModelessDialog 这样的方法。

contentWindow

    contentWindow属性是指指定的frame或者iframe所在的window对象

    在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则必须指定contentWindow属性。

父页面调用子页面的方法：

说明：在父页面中<iframe id="oiframes" class="iframe_span" src=""></iframe>通过该标签已经嵌入子页面，所以，在src路径为静态路径时，可以直接通过以下方法来调用子页面的方法：

$("#oiframes")[0].contentWindow.childFunctionName(); 或 document.getElementById("#oiframes").contentWindow.childFunctionName();

父页面获取子页面的src：    $(window.parent.document).find("#oiframes").attr("src");

子页面调用父页面的方法：parent.fatherFunctionName();

子页面获取父页面的值： parent.$("#A").val();        // <input id="A">

                                             parent.$("#B").html();     // <div id="B"></div>