js中iframe调用父页面的方法

 更新时间:2014年10月30日 10:50:09   转载 投稿:shichen2014  
这篇文章主要介绍了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程序设计有所帮助。

相关文章

  • ES6 Promise对象的含义和基本用法分析

    ES6 Promise对象的含义和基本用法分析

    这篇文章主要介绍了ES6 Promise对象的含义和基本用法,结合实例形式分析了Promise的含义、功能、基本用法及相关操作注意事项,需要的朋友可以参考下
    2019-06-06
  • 游戏人文件夹程序 ver 4.03

    游戏人文件夹程序 ver 4.03

    游戏人文件夹程序 ver 4.03...
    2006-07-07
  • Bootstrap3 datetimepicker控件使用实例

    Bootstrap3 datetimepicker控件使用实例

    这篇文章主要为大家详细介绍了Bootstrap3 datetimepicker控件使用实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JS的数组迭代方法

    JS的数组迭代方法

    这篇文章主要介绍了JS的数组迭代方法,实例分析了javascript使用数组迭代的相关技巧,代码中备有较为详细的注释便于理解,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • JavaScript之IE的fireEvent方法详细解析

    JavaScript之IE的fireEvent方法详细解析

    刚开始我以为是会跟平时使用onclick()一样,没想到最近在写javascript入门ppt的时候发现了,原来自己太自以为是了!看来还有很多javascript的细节没有掌握好啊
    2013-11-11
  • 静态的动态续篇之来点XML

    静态的动态续篇之来点XML

    静态的动态续篇之来点XML...
    2006-08-08
  • ES6中Math对象新增的方法实例详解

    ES6中Math对象新增的方法实例详解

    这篇文章主要介绍了ES6中Math对象新增的方法,结合实例形式详细分析了ES6中Math对象的各种常用数学函数与新增方法相关使用技巧,需要的朋友可以参考下
    2017-04-04
  • Web开发中客户端的跳转与服务器端的跳转的区别

    Web开发中客户端的跳转与服务器端的跳转的区别

    这篇文章主要介绍了Web开发中客户端的跳转与服务器端的跳转的区别 ,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • 微信小程序使用车牌号输入法的示例代码

    微信小程序使用车牌号输入法的示例代码

    这篇文章主要介绍了微信小程序使用车牌号输入法的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • JavaScript错误处理和堆栈追踪详解

    JavaScript错误处理和堆栈追踪详解

    这篇文章主要为大家详细介绍了JavaScript错误处理和堆栈追踪的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04

最新评论