使用iframe嵌入子页面中父子级节点元素、JS方法互调总结

1、首先获取到iframe对象

①获取当前页面iframe对象：var iframe = document.getElementById("mainContent");//mainContent是iframe的id

②获取父页面的iframe对象：var pIframe = parent.document.getElementById("mainContent");

2、获取子页面的节点对象

var phone = iframe.contentWindow.document.getElementById('callernumber');

3、获取子页面的js方法

var houseInfo = iframe .contentWindow.houseInfo;//houseInfo是子页面的js方法

注意：如果需要通过父页面获取并执行子页面的js方法，那么需要在方法后面加上括号（）；

调用并执行子页面的js方法

var houseInfo = iframe .contentWindow.houseInfo();

4、加载页面注意点

在加载iframe嵌入的子页面时，需要待子页面文档加载完成以后执行代码，你只需要如下做：

  $(iframeUrl).load(function(){ //iframeUrl：设置iframe属性src的值

        alert("开始加载数据"); 

        //子页面需要加载的数据代码

}