導語:頁面調用條用的方法有很多種,其中iframe子父頁面調用,你會嗎?下面就由本站小編爲您講解一下,希望對你有所幫助。
1、iframe子頁面調用 父頁面js函數
子頁面調用父頁面函數只需要寫上nt就可以了。比如調用a()函數,就寫成:
nt.a();
子頁面取父頁面中的標籤中的值,比如該標籤的id爲“test”,則:
lementById("test")e;
jQuery方法爲:
$(ment)ents()("test")();
但是我在chrome瀏覽器下卻發現此方法無效了!查了半天才瞭解,在chrome 5+中,nt無法在file://協議中運行,但是發佈了之後http://協議下是可以運行的'。此方法支持ie、firefox瀏覽器。
2、iframe父頁面調用 子頁面js函數
這個就稍微複雜一些,下面的方法支持ie和firefox瀏覽器:
lementById('ifrtest')entWindow.b();
子頁面取父頁面中的標籤中的值,比如該標籤的id爲“test”,則:
lementById("test")e;
注:ifrtest是iframe框架的id,b()爲子頁面js函數。contentWindow屬性是指定的frame或者iframe所在的window對象,IE下可以省略。