当前位置: 首页 > 新闻动态 > 软件编程

js中iframe调用父页面的方法

作者:用户投稿 浏览: 发布日期:2026-01-16
[导读]:这篇文章主要介绍了js中iframe调用父页面的方法,可通过window.parent.方法()来实现,非常具有实用价值,需要的朋友可以参考下

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

免责声明:转载请注明出处:http://shjed.com/news/389904.html

扫一扫高效沟通

多一份参考总有益处

免费领取网站策划SEO优化策划方案

请填写下方表单,我们会尽快与您联系
感谢您的咨询,我们会尽快给您回复!