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

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下可以省略。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章