主页面与包含的iframe页面的交互操作
2015-09-02 11:43
253 查看
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;
子页面调用父页面函数只需要写上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;
相关文章推荐
- POI导出Excel
- android性能优化--overdraw优化
- 第7篇,怎样让用户容易找到你?
- 利用CORS配置实现jQuery对WebApi及MVC的跨域访问
- jquery常用函数与方法汇总
- 桥接模式 - 设计模式学习
- 迭代器模式 - 设计模式学习
- mosquitto_pub和mosquitto_sub 命令参数说明
- SVN 冲突解决
- 组合模式 - 设计模式学习
- 备忘录模式 - 设计模式学习
- Ubuntu Server 14.04.3 LTS 编译安装 NodeJS
- STM32F103RC/D/E是否可以使用mbed
- Android 查看內存使用
- 实现winfrom进度条及进度信息提示,winfrom程序假死处理
- 备忘录模式 - 设计模式学习
- 适配器模式 - 设计模式学习
- 迎金秋,老段所有课程7折优惠
- 状态模式 - 设计模式学习
- 抽象工厂模式 - 设计模式学习