用js互相調(diào)用iframe頁面的方法

　　最近，天天搞論文開題報告，一時技癢，再次設(shè)計Web，一下子就碰到一個問題，以前設(shè)計WEB頁的時候都是在IE里 面跑的，從來沒有考慮過firefox 更別提chrome了，可是現(xiàn)在不同了，至少我認(rèn)為不兼容Firefox的WEB頁面是極其丑陋和山寨的，所以從有個這個觀念開始，我設(shè)計頁面就開始注意 這個兼容性，而這次就碰到一個兼容性的問題，html里面有一個浮動框架，<iframe >，可以在頁面中內(nèi)嵌入一個頁面，用來做框架頁面非常適合。

　　一個html頁面，分成左右兩塊，左邊為導(dǎo)航欄，右邊為需要顯示的內(nèi)容，代碼如下：

　　左欄的代碼為：

　　<IFRAME frameBorder=0 id=frmTitleLeft name=framLeft src="left.html" style="HEIGHT: 100%; width:180px;">

　　連接到left.html

　　右欄也類似，就本人所做的頁面，預(yù)覽的效果如下：

　　現(xiàn)在要達(dá)到什么樣的效果才能起到比較實用的效果呢，點擊其中的任何鏈接，都可以在右欄顯示，那么很顯然需要通過js來實現(xiàn)，原始的不兼容的辦法我也不多說了，請大家記住以下實現(xiàn)步驟：

　　1，首先獲得右欄iframe對象

　　var frames=document.getElementById("frameid");//frameid即右欄iframe的id名

　　2，重置其src值

　　frames.src=pageurl;//pageurl即要顯示的目的頁面

　　這樣就實現(xiàn)了頁面的跳轉(zhuǎn)

　　但是還有一點，如果想調(diào)用其中的函數(shù)就不是這么簡單了

　　比如右欄中有一個函數(shù)right（），我要在左欄的鏈接中調(diào)用right（）函數(shù)，該如何實現(xiàn)呢

　　1，首先leftframe是內(nèi)嵌在容器頁index.html中的，因此需要先返回到index這一級別，并取得rightframe對象

　　var frames=window.parent.window.document.getElementById("frameid");

　　2，要能執(zhí)行其頁面中的函數(shù)，必須要獲得window對象，這里有一個重要的對象contentWindow，獲得這個對象，即可執(zhí)行其中的函數(shù)了，如

　　frames.contentWindow.right();

【用js互相調(diào)用iframe頁面的方法】相關(guān)文章：

iframe調(diào)用父頁面的方法07-28

iframe子父頁面調(diào)用實例10-14

js怎么樣實現(xiàn)iframe 高度自適應(yīng)07-14

java調(diào)用的方法09-04

怎么用php去調(diào)用數(shù)據(jù)庫里面的數(shù)據(jù)07-24

java調(diào)用的幾個方法07-27

java調(diào)用bat文件的方法08-09

java遠(yuǎn)程方法調(diào)用技巧09-21

Java遠(yuǎn)程方法調(diào)用RMI08-24

php調(diào)用父類方法08-04