Javscript呼叫iframe框架頁面中函數的方法_javascript技巧

本文實例講述了在Javscript呼叫iframe框架頁面中函數的方法，這個呼叫方法其實非常的簡單，有了這個方法我們就可以實現iframe之間傳值或修改值了，操作起來都非常的簡單。分享給大家供大家參考。具體實作方法如下：

存取iframe裡面的函數：

複製程式碼 程式碼如下:

document.getElementById('commentIframe').contentWindow.hasLogined(); commentIframe為iframe的id.
要在 window.onload裡面執行
範例如下：

1.html

複製程式碼 程式碼如下:

aa

2.html 頁面

複製程式碼 程式碼如下:

在1.htm中點選test按鈕，可以使2.htm(iframe頁面)中mybutton按鈕失效．就這麼簡單，呵呵．如果要呼叫2.htm中的JS函數這樣寫：

複製程式碼 程式碼如下:

self.frames['a'].funtionname(param)

self.frames['a'].funtionname(param)

在1.htm中呼叫2.htm中的JS函數：iframe2.showInfo();

範例說明：

假設有2個頁面，index.html和inner.html。其中index.html中有一個iframe，這個iframe的src指向inner.html。

我們現在要做的就是：

1.在index.html中呼叫inner.html上的一個js方法
2.在inner.html中呼叫index.html上的js方法

實作程式碼如下：

index.html：

複製程式碼 程式碼如下:

This is index page.

inner.html：

複製程式碼 程式碼如下:

This is inner page.

希望本文所述對大家基於javascript的web程式設計有所幫助。