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下能夠省略。