js中iframe调用父页面的方法

前端之家收集整理的这篇文章主要介绍了js中iframe调用父页面的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

页面调用页面方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了

比如调用a()函数,就写成:

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

代码如下:
页面中调用函数

2)在iframe 中调用页面定义的方法

代码如下:
函数.
card-iframe是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。

希望本文所述对大家的javascript程序设计有所帮助。

猜你在找的JavaScript相关文章