當前位置:才華齋>設計>網頁設計>

iframe子父頁面呼叫例項

網頁設計 閱讀(2.17W)

導語:頁面呼叫條用的方法有很多種,其中iframe子父頁面呼叫,你會嗎?下面就由本站小編為您講解一下,希望對你有所幫助。

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