主頁(yè) > 知識(shí)庫(kù) > 用js互相調(diào)用iframe頁(yè)面內(nèi)的js函數(shù)

用js互相調(diào)用iframe頁(yè)面內(nèi)的js函數(shù)

熱門標(biāo)簽:可以集成到系統(tǒng)的外呼 揚(yáng)州市地圖標(biāo)注 中國(guó)世界文化遺產(chǎn)地圖標(biāo)注 400開頭電話在哪辦理 荊州銷售電銷機(jī)器人 電腦外呼系統(tǒng)安裝 西安公司外呼系統(tǒng)價(jià)格 電話外呼系統(tǒng)怎么找準(zhǔn)客戶 外呼系統(tǒng)隱私
最近,天天搞論文開題報(bào)告,一時(shí)技癢,再次設(shè)計(jì)Web,一下子就碰到一個(gè)問題,以前設(shè)計(jì)WEB頁(yè)的時(shí)候都是在IE里面跑的,從來沒有考慮過firefox 更別提chrome了,可是現(xiàn)在不同了,至少我認(rèn)為不兼容Firefox的WEB頁(yè)面是極其丑陋和山寨的,所以從有個(gè)這個(gè)觀念開始,我設(shè)計(jì)頁(yè)面就開始注意這個(gè)兼容性,而這次就碰到一個(gè)兼容性的問題,html里面有一個(gè)浮動(dòng)框架,<iframe >,可以在頁(yè)面中內(nèi)嵌入一個(gè)頁(yè)面,用來做框架頁(yè)面非常適合,如下圖,
 
一個(gè)html頁(yè)面,分成左右兩塊,左邊為導(dǎo)航欄,右邊為需要顯示的內(nèi)容,代碼如下:
左欄的代碼為:
<IFRAME frameBorder=0 id=frmTitleLeft name=framLeft src="left.html" style="HEIGHT: 100%; width:180px;">
連接到left.html
右欄也類似,就本人所做的頁(yè)面,預(yù)覽的效果如下:
 
現(xiàn)在要達(dá)到什么樣的效果才能起到比較實(shí)用的效果呢,點(diǎn)擊其中的任何鏈接,都可以在右欄顯示,那么很顯然需要通過js來實(shí)現(xiàn),原始的不兼容的辦法我也不多說了,請(qǐng)大家記住以下實(shí)現(xiàn)步驟:
1,首先獲得右欄iframe對(duì)象
var frames=document.getElementById("frameid");//frameid即右欄iframe的id名
2,重置其src值
frames.src=pageurl;//pageurl即要顯示的目的頁(yè)面
這樣就實(shí)現(xiàn)了頁(yè)面的跳轉(zhuǎn)

但是還有一點(diǎn),如果想調(diào)用其中的函數(shù)就不是這么簡(jiǎn)單了
比如右欄中有一個(gè)函數(shù)right(),我要在左欄的鏈接中調(diào)用right()函數(shù),該如何實(shí)現(xiàn)呢

1,首先leftframe是內(nèi)嵌在容器頁(yè)index.html中的,因此需要先返回到index這一級(jí)別,并取得rightframe對(duì)象
var frames=window.parent.window.document.getElementById("frameid");

2,要能執(zhí)行其頁(yè)面中的函數(shù),必須要獲得window對(duì)象,這里有一個(gè)重要的對(duì)象contentWindow,獲得這個(gè)對(duì)象,即可執(zhí)行其中的函數(shù)了,如
frames.contentWindow.right();

以上代碼兼容IE6,F(xiàn)irefox3,chrome2.0,均成功通過測(cè)試,IE7沒試過,不過應(yīng)該沒問題。

標(biāo)簽:阿拉善盟 貴陽(yáng) 濟(jì)南 延安 四川 錫林郭勒盟 白銀 樂山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《用js互相調(diào)用iframe頁(yè)面內(nèi)的js函數(shù)》,本文關(guān)鍵詞  用,互相,調(diào)用,iframe,頁(yè)面,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《用js互相調(diào)用iframe頁(yè)面內(nèi)的js函數(shù)》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于用js互相調(diào)用iframe頁(yè)面內(nèi)的js函數(shù)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章