DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 在iframe框架中打開頁面的方法
在iframe框架中打開頁面的方法
編輯:前端技巧     
解決思路:
只要設置鏈接的target屬性值與目標框架名一樣就行了。
具體步驟:
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>

技巧:在用腳本中設置目標框架的location屬性值也可以達到同樣的目的。如:
<a href="http://www.flash8.net"
onClick="document.frames[’right’].location=this.href;return false">在名為right的框架中打開鏈接</a>

特別提示
本例代碼運行後,單擊鏈接,鏈接目標將在指定的框架或iframe內打開,圖1.6.6為單擊鏈接後鏈接在指定iframe中打開的效果。

圖1.6.6 讓鏈接目標在指定iframe中打開

特別說明

本例主要是鏈接的target屬性和框架的name屬性的應用,當兩個屬性值相同時鏈接目標在框架中打開。
target 設置或獲取目標內容要顯示於哪個窗口或框架。
name 設置或獲取框架的名稱。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved