js中iframe调用父页面的方法

2019-12-21,,,,,

本文实例讲述了jsiframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下:

子页面调用父页面的方法在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程序设计有所帮助。

您可能感兴趣的文章:

  • js动态创建上传表单通过iframe模拟Ajax实现无刷新
  • iframe子父页面调用js函数示例
  • js与jQuery 获取父窗、子窗的iframe
  • js下判断 iframe 是否加载完成的完美方法
  • js iframe跨域访问(同主域/非同主域)分别深入介绍
  • js操作iframe的一些方法介绍
  • js实现网页防止被iframe框架嵌套及几种location.href的区别
  • JS中Iframe之间传值及子页面与父页面应用
  • js实现iframe动态调整高度的代码
  • JavaScript实现同一页面内两个表单互相传值的方法
  • jquery ajax提交表单从action传值到jsp实现小结
  • JS实现向iframe中表单传值的方法

《js中iframe调用父页面的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。