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

  • Post author:
  • Post category:其他



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>



版权声明:本文为wx13227855087原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。