服务器之家

服务器之家 > 正文

js中iframe调用父页面的方法

时间:2021-04-08 16:38     来源/作者:JavaScript教程网

本文实例讲述了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程序设计有所帮助。

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部