iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法）

iframe子页面调用父页面javascript函数的方法

今天遇到一个iframe子页面调用父页面js函数的需求，解决起来很简单，可是在chrome浏览器遇到一点小问题。顺便写一下iframe的父页面调用子页面javascript函数的方法吧，备用！

一、iframe子页面调用 父页面js函数

子页面调用父页面函数只须要写上window.praent就能够了。好比调用a()函数，就写成：

window.praent.a();

可是我在chrome浏览器下却发现此方法无效了！查了半天才了解，在chrome 5+中，window.parent没法在file://协议中运行，可是发布了以后http://协议下是能够运行的。此方法支持ie、firefox浏览器。

二、iframe子父页面调用 子页面js函数

这个就稍微复杂一些，下面的方法支持ie和firefox浏览器：

document.getElementById('ifrtest').contentWindow.b();

注：ifrtest是iframe框架的id，b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象，IE下能够省略。