js中iframe调用父页面实现代码-自学php网

来源：自学PHP网时间：2014-09-19 14:47 作者：阅读:次

[导读] 子页面调用父页面的方法在js中很容易实现我们在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了...

比如调用a()函数，就写成：

代码如下	复制代码
window.praent.a();

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

//在父页面中调用该函数

代码如下

复制代码

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下可以省略。

更多文章推荐