在iframe框架中打開頁面的方法
發(fā)布時間:2009-12-26 22:56:32 作者:佚名
我要評論

有時候需要在當(dāng)前的iframe頁面打開地址,以來容易控制不用去別的也頁面,當(dāng)前頁不用轉(zhuǎn)向也能提交。
解決思路:
只要設(shè)置鏈接的target屬性值與目標(biāo)框架名一樣就行了。
具體步驟:
1:對于frameset對象。
(1)包含框架頁的代碼。
<frameset cols="100,*" name="frame1">
<frame src="1.htm" name="top">
<frame src="2.htm" name="main">
</frameset>
(2)框架加載頁(1.htm或2.htm)的鏈接代碼:
<a href="http://www.flash8.net" target="top">在上框中打開鏈接</a>
<a href="http://www.flash8.net" target="main">在主框中打開鏈接</a>
2.對于iframe也是一樣的用法。
<iframe src="about:blank" name="left"></iframe>
<iframe src="about:blank" name="right"></iframe>
<a href="http://www.flash8.net" target="left">在左框中打開鏈接</a>
<a href="http://www.thugx.com" target="right">在右框中打開鏈接</a>
技巧:在用腳本中設(shè)置目標(biāo)框架的location屬性值也可以達(dá)到同樣的目的。如:
<a href="http://www.flash8.net"
onClick="document.frames[’right’].location=this.href;return false">在名為right的框架中打開鏈接</a>
特別提示
本例代碼運行后,單擊鏈接,鏈接目標(biāo)將在指定的框架或iframe內(nèi)打開,圖1.6.6為單擊鏈接后鏈接在指定iframe中打開的效果。

圖1.6.6 讓鏈接目標(biāo)在指定iframe中打開
特別說明
本例主要是鏈接的target屬性和框架的name屬性的應(yīng)用,當(dāng)兩個屬性值相同時鏈接目標(biāo)在框架中打開。
target 設(shè)置或獲取目標(biāo)內(nèi)容要顯示于哪個窗口或框架。
name 設(shè)置或獲取框架的名稱。
只要設(shè)置鏈接的target屬性值與目標(biāo)框架名一樣就行了。
具體步驟:
1:對于frameset對象。
(1)包含框架頁的代碼。
<frameset cols="100,*" name="frame1">
<frame src="1.htm" name="top">
<frame src="2.htm" name="main">
</frameset>
(2)框架加載頁(1.htm或2.htm)的鏈接代碼:
<a href="http://www.flash8.net" target="top">在上框中打開鏈接</a>
<a href="http://www.flash8.net" target="main">在主框中打開鏈接</a>
2.對于iframe也是一樣的用法。
<iframe src="about:blank" name="left"></iframe>
<iframe src="about:blank" name="right"></iframe>
<a href="http://www.flash8.net" target="left">在左框中打開鏈接</a>
<a href="http://www.thugx.com" target="right">在右框中打開鏈接</a>
技巧:在用腳本中設(shè)置目標(biāo)框架的location屬性值也可以達(dá)到同樣的目的。如:
<a href="http://www.flash8.net"
onClick="document.frames[’right’].location=this.href;return false">在名為right的框架中打開鏈接</a>
特別提示
本例代碼運行后,單擊鏈接,鏈接目標(biāo)將在指定的框架或iframe內(nèi)打開,圖1.6.6為單擊鏈接后鏈接在指定iframe中打開的效果。

圖1.6.6 讓鏈接目標(biāo)在指定iframe中打開
特別說明
本例主要是鏈接的target屬性和框架的name屬性的應(yīng)用,當(dāng)兩個屬性值相同時鏈接目標(biāo)在框架中打開。
target 設(shè)置或獲取目標(biāo)內(nèi)容要顯示于哪個窗口或框架。
name 設(shè)置或獲取框架的名稱。
相關(guān)文章
- iframe如何刷新一直都被網(wǎng)友所關(guān)注,接下來為大家詳細(xì)介紹下三種:用iframe的name屬性定位/id屬性定位/當(dāng)iframe的src為其它網(wǎng)站地址時,感興趣的朋友可以參考下哈2013-03-29
iframe的src設(shè)置為about:blank之后細(xì)節(jié)探討
不設(shè)置為about:blank,內(nèi)存不會釋放掉。還必須用 iframe.document.write(''); 這樣才能將內(nèi)容清空,本文將詳細(xì)探討一下iframe的src設(shè)置為about:blank之后細(xì)節(jié),感興趣的你2013-02-25- frame的src賦值的問題,本文將進(jìn)行詳細(xì)探討:服務(wù)器端的iframe重新src重新賦值,給iframe加一個ID,再加上runat=server,感興趣的你可不要錯過了哈2013-02-25
網(wǎng)頁設(shè)計技巧:iframe自適應(yīng)高度的問題
所謂iframe自適應(yīng)高度,就是,基于界面美觀和交互的考慮,隱藏了iframe的border和scrollbar,讓人看不出它是個iframe2012-11-12- iframes 提供了一個簡單的方式把一個網(wǎng)站的內(nèi)容嵌入到另一個網(wǎng)站中。但我們需要慎重的使用iframe。iframe的創(chuàng)建比其它包括scripts和css的 DOM 元素的創(chuàng)建慢了 1-2 個數(shù)量級2012-09-05
iframe標(biāo)簽用法詳解(屬性、透明、自適應(yīng)高度)
iframe一般用來包含別的頁面,例如我們可以在我們自己的網(wǎng)站頁面加載別人網(wǎng)站的內(nèi)容,為了更好的效果,可能需要使iframe透明效果,那么就需要了解更多的iframe屬性,這里簡2014-10-01- 在構(gòu)建B/S系統(tǒng)界面的時候,經(jīng)常會遇到主頁面index.html中嵌套其他頁面的情況 ,雖然已經(jīng)有的庫已經(jīng)提供了控件(例如jQuery easy UI),但是有時候iframe的使用是不可避免的2010-08-06
- 有時候需要讓iframe繼承父頁面的顏色。不需要復(fù)雜的操作,簡單的幾個參數(shù)設(shè)置下即可。2010-07-21
IE6 select z-index無效,遮擋div bug的解決方法
在最近的一個項目中,遇到了IE6 select遮擋div的bug,為了解決這個bug我查了很多資料,試圖找到一個最最有效的方法,很多人是通過iframe的方法來解決,其實我查了國外的很2010-06-18Iframe 高度自適應(yīng)(兼容IE/Firefox、同域/跨域)
在實際的項目進(jìn)行中,很多地方可能由于歷史原因不得不去使用iframe,包括目前正火熱的應(yīng)用開發(fā)也是如此。2010-03-17