之前分別介紹過超連結與框架, 這次我要來介紹兩個的搭配應用, 在很多網站上我們常常看到點了某個超連結後, 該網頁是載入到某個框架中, 今天我就是要來說說這種應用
在 FRAME 及 IFRAME 標籤中, 除了之前介紹過的屬性之外, 還有一個 name 屬性, 用來設定這個框架的名稱, 也就是給這個框架一個名字
而在 A 標籤中, 除了之前介紹過的屬性之外, 還有一個 target 屬性, 這個屬性即是用來指定這個超連結被點之後, 要將它所連結的網頁載入到哪一個框架中, 做法就是將屬性值設為該框架的名稱即可, 例如
而 FRAME 的做法也同理, 語法大致如下, 先用一支 HTML 檔(index.html)劃分框架, 然後在左邊的框架中載入另一個 HTML 檔(1.html)
index.html
1.html
(在 BLOG 上較難以執行這個範例, 請自行在自己的電腦上試看看)
另外, target 除了可以指定框架名稱之外, 還可以使用一些關鍵字, 代表特定的框架
_blank：開新視窗
_parent：上一層框架
_top：最上層框架
視窗本身其實也算是一個框架, 這裡稱它為視窗框架, 所以若指定 target="_blank" , 則會開啟一個新的視窗來載入要連結的網頁, 至於 _top 與 _parent , 則要先說說框架之間的關係
一個簡單的原則：撰寫框架語法的網頁, 其所在的框架即為它所劃分出來的框架的上一層框架
假設我們用一支網頁(1.html)將畫面劃分成兩個框架
1.html
如此, 事實上這樣已經存在了三個框架, 第一個是載入 1.html 的這個視窗框架, 姑且先給它取個代號叫做 frm_A, 再來就是劃分出來的 frm_1 及 frm_2, 所以 frm_A 就是 frm_1 的上一層框架, 同時, frm_A 也是 frm_2 的上一層框架, 另外, 因為視窗框架已不會再有上一層框架了, 所以 frm_A 就是最上層框架, 因此若 2.html 中有個超連結設定 target="_parent" 或 target="_top", 那麼當點了此超連結後, 就會在視窗框架(fram_A)中載入要連結的網頁
同理, 若是 3.html 的語法中又劃分了框架 frm_3 與 frm_4, 那劃分出來的框架就是 frm_2 的下一層框架, 而 frm_2 是 frm_3 與 frm_4 的上一層框架, 視窗框架 frm_A 一樣是最上層框架
IFRAME 的道理也是一樣
如此, 視窗框架就是 frm 框架的上一層框架
--gs--
{HTML基礎教學}{框架|Frame|IFrame}{超連結}
在 FRAME 及 IFRAME 標籤中, 除了之前介紹過的屬性之外, 還有一個 name 屬性, 用來設定這個框架的名稱, 也就是給這個框架一個名字
<IFRAME name="取個名稱" src="預設要載入的網址">/<IFRAME>
<FRAME name="取個名稱" src="預設要載入的網址">/<FRAME>
而在 A 標籤中, 除了之前介紹過的屬性之外, 還有一個 target 屬性, 這個屬性即是用來指定這個超連結被點之後, 要將它所連結的網頁載入到哪一個框架中, 做法就是將屬性值設為該框架的名稱即可, 例如
<HTML>
<BODY>
<A href="http://images.look.urs.tw/images/s4.php?BlogID=54432" target="frm">
點此超連結, 將連結的網頁載入到下面的框架
</A>
<BR/>
<IFRAME name="frm" src=""></IFRAME>
</BODY>
</HTML>
<BODY>
<A href="http://images.look.urs.tw/images/s4.php?BlogID=54432" target="frm">
點此超連結, 將連結的網頁載入到下面的框架
</A>
<BR/>
<IFRAME name="frm" src=""></IFRAME>
</BODY>
</HTML>
而 FRAME 的做法也同理, 語法大致如下, 先用一支 HTML 檔(index.html)劃分框架, 然後在左邊的框架中載入另一個 HTML 檔(1.html)
index.html
<HTML>
<HEAD>
<FRAMESET cols="30%,*">
<FRAME src="1.html"/>
<FRAME name="frm" src=""/>
</FRAMESET>
</HEAD>
</HTML>
<HEAD>
<FRAMESET cols="30%,*">
<FRAME src="1.html"/>
<FRAME name="frm" src=""/>
</FRAMESET>
</HEAD>
</HTML>
1.html
<HTML>
<BODY>
<A href="http://images.look.urs.tw/images/s4.php?BlogID=54432" target="frm">點此超連結, 將連結的網頁載入到右邊的框架</A>
</BODY>
</HTML>
<BODY>
<A href="http://images.look.urs.tw/images/s4.php?BlogID=54432" target="frm">點此超連結, 將連結的網頁載入到右邊的框架</A>
</BODY>
</HTML>
(在 BLOG 上較難以執行這個範例, 請自行在自己的電腦上試看看)
另外, target 除了可以指定框架名稱之外, 還可以使用一些關鍵字, 代表特定的框架
_blank：開新視窗
_parent：上一層框架
_top：最上層框架
視窗本身其實也算是一個框架, 這裡稱它為視窗框架, 所以若指定 target="_blank" , 則會開啟一個新的視窗來載入要連結的網頁, 至於 _top 與 _parent , 則要先說說框架之間的關係
一個簡單的原則：撰寫框架語法的網頁, 其所在的框架即為它所劃分出來的框架的上一層框架
假設我們用一支網頁(1.html)將畫面劃分成兩個框架
1.html
<HTML>
<HEAD>
<FRAMESET cols="30%,*">
<FRAME name="frm_1" src="2.html"/>
<FRAME name="frm_2" src="3.html"/>
</FRAMESET>
</HEAD>
</HTML>
<HEAD>
<FRAMESET cols="30%,*">
<FRAME name="frm_1" src="2.html"/>
<FRAME name="frm_2" src="3.html"/>
</FRAMESET>
</HEAD>
</HTML>
如此, 事實上這樣已經存在了三個框架, 第一個是載入 1.html 的這個視窗框架, 姑且先給它取個代號叫做 frm_A, 再來就是劃分出來的 frm_1 及 frm_2, 所以 frm_A 就是 frm_1 的上一層框架, 同時, frm_A 也是 frm_2 的上一層框架, 另外, 因為視窗框架已不會再有上一層框架了, 所以 frm_A 就是最上層框架, 因此若 2.html 中有個超連結設定 target="_parent" 或 target="_top", 那麼當點了此超連結後, 就會在視窗框架(fram_A)中載入要連結的網頁
同理, 若是 3.html 的語法中又劃分了框架 frm_3 與 frm_4, 那劃分出來的框架就是 frm_2 的下一層框架, 而 frm_2 是 frm_3 與 frm_4 的上一層框架, 視窗框架 frm_A 一樣是最上層框架
IFRAME 的道理也是一樣
<HTML>
<BODY>
<IFRAME name="frm" src=""></IFRAME>
</BODY>
</HTML>
<BODY>
<IFRAME name="frm" src=""></IFRAME>
</BODY>
</HTML>
如此, 視窗框架就是 frm 框架的上一層框架
--gs--
{HTML基礎教學}{框架|Frame|IFrame}{超連結}
沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。
0 意見:
張貼留言
廣告訊息會被我刪除