首页 > web前端 > js教程 > js中iframe调用父页面的方法

js中iframe调用父页面的方法

高洛峰
发布: 2016-12-24 16:56:38
原创
1421 人浏览过

本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下:

子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了

比如调用a()函数,就写成:

window.parent.a();
登录后复制

但是我在chrome浏览器下却发现此方法无效了

//在父页面中调用该函数
<script>
function dey() {
var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字       
cards_frame.checkedCard()             //调用iframe中定义的方法,把内嵌页面的值传到父页面
}
</script>
登录后复制

2)在iframe 中调用 父页面定义的方法

function alert_window(picurl,h_id) 
{ 
document.parentWindow.parent.msg(picurl,h_id); 
}
//msg()为父窗口定义的函数.
登录后复制

card-iframe是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。


希望本文所述对大家的javascript程序设计有所帮助。


更多js中iframe调用父页面的方法相关文章请关注PHP中文网!


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板