首頁 > web前端 > js教程 > Javscript呼叫iframe框架頁面中函數的方法_javascript技巧

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

WBOY
發布: 2016-05-16 16:32:13
原創
1367 人瀏覽過

本文實例講述了在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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板