JavaScript中iframe与父页面互相调用的方法

iframe调用父页面的基本方法

本文介绍JavaScript中iframe与父页面互相调用的实现方式，供开发者参考。

在子页面中调用父页面的方法通常较为简单。只需在父页面定义好相应的函数，然后在子页面中通过window.parent.方法名()的形式即可调用。

例如，若要调用父页面中名为a()的函数，代码可写为：

window.parent.a();

Chrome浏览器下的兼容性问题

然而，在实际测试中发现，该方法在Chrome浏览器中可能无法正常工作。

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

通过contentWindow访问父页面

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程序设计有所帮助。