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("开始加载数据");
//子页面需要加载的数据代码
}