iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法)
2012-10-25 11:10
465 查看
iframe子页面调用父页面javascript函数的方法
今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题。顺便写一下iframe的父页面调用子页面javascript函数的方法吧,备用!
1、iframe子页面调用 父页面js函数
子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数,就写成:
window.praent.a();
但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在chrome 5+中,window.parent无法在file://协议中运行,但是发布了之后http://协议下是可以运行的。此方法支持ie、firefox浏览器。
2、iframe子父页面调用 子页面js函数
这个就稍微复杂一些,下面的方法支持ie和firefox浏览器:
document.getElementById('ifrtest').contentWindow.b();
注:ifrtest是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。
今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题。顺便写一下iframe的父页面调用子页面javascript函数的方法吧,备用!
1、iframe子页面调用 父页面js函数
子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数,就写成:
window.praent.a();
但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在chrome 5+中,window.parent无法在file://协议中运行,但是发布了之后http://协议下是可以运行的。此方法支持ie、firefox浏览器。
2、iframe子父页面调用 子页面js函数
这个就稍微复杂一些,下面的方法支持ie和firefox浏览器:
document.getElementById('ifrtest').contentWindow.b();
注:ifrtest是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。
相关文章推荐
- iframe子页面调用父页面javascript函数的方法
- iframe子页面调用父页面javascript函数的方法
- [同域] iframe子页面调用父页面、父页面调用子页面javascript函数的方法
- iframe子页面调用父页面javascript函数的方法
- jquery 调用iframe页面中js的方法 兼容Ie,FF,chore浏览器
- [转]这五种方法前四种方法只支持IE浏览器,最后一个方法支持当前主流的浏览器(火狐,IE,Chrome,Opera,Safari)
- 页面中通过点击链接打开本地文件夹或者远程的文件夹,IE完美支持,chrome和FireFox会出现问题
- iframe页面调用高度自适应方法代码,兼容IE,FF
- 父页面上调用iframe子页面的js方法/iframe子页面调用父页面的方法
- 弹出的模态窗口(子窗口)中调用IE的打印预览功能,结果IE弹出错误:“当前页面发生脚步错误...错误:不支持该命令 代码:0”,
- div嵌套子页面以及jquery调用iframe子页面中的方法
- iframe子页面调用父页面javascript函数
- iframe调用父页面javascript函数的方法
- iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法
- 通用 WebService 的调用方法 SOAP3.0支持需要
- iframe子页面调用父页面javascript函数的方法
- JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox
- 自定义复选框、单选按钮外观方法。支持IE、Firefox、chrome
- 返回顶部,js,css,页面离开顶部一定距离后出现返回顶部,点击后滚动回顶部,支持IE,FF,chrome ,safari,opera[摘自布布分享,tech.bubufx.com]
- 跟随页面滚动的div(firefox,ie,chrome),兼给setTimeout传递参数的方法