iframe子頁面調用父頁面javascript函數的方法(支援chrome和IE的通用方法）

標籤：style   http   color   java   strong   ar   問題   javascript   

iframe子頁面調用父頁面javascript函數的方法

今天遇到一個iframe子頁面調用父頁面js函數的需求，解決起來很簡單，但是在chrome瀏覽器遇到一點小問題。順便寫一下iframe的父頁面調用子頁面javascript函數的方法吧，備用！

1、iframe子頁面調用 父頁面js函數

子頁面調用父頁面函數只需要寫上window.praent就可以了。比如調用a()函數，就寫成：

window.praent.a();

但是我在chrome瀏覽器下卻發現此方法無效了！查了半天才瞭解，在chrome 5+中，window.parent無法在file://協議中運行，但是發布了之後http://協議下是可以啟動並執行。此方法支援ie、firefox瀏覽器。

2、iframe子父頁面調用 子頁面js函數

這個就稍微複雜一些，下面的方法支援ie和firefox瀏覽器：

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

註：ifrtest是iframe架構的id，b()為子頁面js函數。contentWindow屬性是指定的frame或者iframe所在的window對象，IE下可以省略。