主页面与包含的iframe页面的交互操作

1、iframe子页面调用 父页面js函数

子页面调用父页面函数只需要写上window.parent就可以了。比如调用a()函数，就写成：

window.parent.a();

 

2、iframe父页面调用 子页面js函数

这个就稍微复杂一些，下面的方法支持ie和firefox浏览器：

document.getElementById('ifrtest').contentWindow.b();

元素和变量的相互访问

1、子页面访问父页面元素

 

parent.document.getElementById('id')和document相关的方法都可以这样用

 

2、父页面访问子页面元素

 

document.getElementById('iframeId').contentDocument.getElementsByTagName('table'); contentDocument后可以使用document相关方法

 

3、子页面访问父页面js变量（注：父页面的js变量需为全局变量）

 

子页面var variable = parent.variableParent   (variableParent为父页面定义的变量)

4.父页面访问子页面的js方法

window.frames["iframe的name属性值"].XXX();

 

5、父页面访问子页面js变量

 在子页面设置全局变量比如childDbId，定义返回的函数

function nowChildDbId(){

    return  childDbId;

}

在父页面

var childDbId=window.frames["iframe的name属性值"].nowChildDbId;