概述
本文实例讲述了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()为父窗口定义的函数.
{
document.parentWindow.parent.msg(picurl,h_id);
}
//msg()为父窗口定义的函数.
card-iframe是iframe框架的id，b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象，IE下可以省略。
希望本文所述对大家的javascript程序设计有所帮助。
最后
以上就是温婉小鸭子为你收集整理的js中iframe调用父页面的方法的全部内容，希望文章能够帮你解决js中iframe调用父页面的方法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复