js中iframe调用父页面的方法

js中iframe调⽤⽗页⾯的⽅法
本⽂实例讲述了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程序设计有所帮助。