FRAME(2)

是否感到有點神奇?其實道理很簡單,先為每個窗框都取個名字,
然後在超鏈結中指定HTML文件內容顯示在名叫某某某的窗框就可以了。

例如說,您前一個範例看到的畫面總共劃分為二個縱向的窗框,
左邊窗框取名為left,右邊窗框取名為right。大家可以看一下 index.html 文件內容:

<HTML>
<HEAD>
<TITLE> Frame(1) </TITLE>
</HEAD>
<FRAMESET COLS=2*,7* border=0>
  <FRAME SRC="frameindex.html" NAME="left">
  <FRAME SRC="f0.html" NAME="right">
</FRAMESET>
</HTML>

frameindex.html 裡面的超鏈結後面 target="right"指明將
內容顯示在名稱為right的窗框中,若target="_new"則會新開視窗


<HTML>
<HEAD>
<TITLE> FrameIndex.html </TITLE>
</HEAD>
<BODY>
<a href="f1.html" target="right">f1.html可以打中文</a><br>
<a href="f2.html" target="right">f2.html內容</a><br>
<a href="f3.html" target="right">f3.html內容</a><br>
<a href="f4.html" target="right">f4.html內容</a><br>
<a href="f5.html" target="_blank">f5.html內容</a><br>

</BODY>
</HTML>

f0.html 則為預設在 right 視窗的內容,檔名建議不要用中文
<html>
<head>
<title> f0.htm </title>
</head>
<body>
f0 的內容
</body>
</html>


怎麼指定將螢幕劃分為N個欄?
看FRAMESET COLS後面接的字串裡面有幾個逗號就知道了。

怎麼指定每個欄的大小?
一種方法是指定每一欄的寬度,但聰明的你很快就會發現到這
個方式並不好用。第一個問題是你不知道整個螢幕有多大,第
二個問題是有的人的螢幕比較大,有的人的螢幕比較小。比較
好的方法是用百分比的方式來表示。例如:<FRAMESET
COLS=25%,75%>這樣一來就比就有彈性囉!不過記得所有百
分比的加總必須剛好是一百,可別讓電腦笑你數學差喔!

可是有的時候百分比偏偏不是很好用,例如說你要將螢幕切成
三等分,前面講過三者加總必須是一百,那就有點累了,因為
小學老師告訴過我們:三除以一百是永遠除不盡的。此時你可
以考慮用另一種表示法 <FRAMESET COLS=1*,1*,1*> 一個星
號代表一個單位,瀏覽器會將螢幕大小除以總星號數再依比例
分配給各個窗框。

怎麼指定將螢幕劃分為N個列?
將FRAMESET COLS改為FRAMESET ROWS

怎麼指定將螢幕同時劃分為M個列N個欄呢?
舉一隅,不以三隅反…
算了,我不是孔子,看來你也不是宰予,就教你吧!

先看一下底下這個例子:
<html>
<head>
<title>隨堂小考</title>
</head>
<frameset cols="50%,50%">
 <frameset rows="50%,50%">
  <frame src="f1.htm">
  <frame src="f2.htm">
 </frameset>
 <frameset rows="1*,1*,1*">
  <frame src="f3.htm">
  <frame src="f4.htm">
  <frame src="f5.htm">
 </frameset>
</frameset>
</html>

<frameset cols="50%,50%">
是說螢幕畫面要劃分為兩欄。接下來的:
<frameset rows="50%,50%">
 <frame src="f1.htm">
 <frame src="f2.htm">
</frameset>
是說左邊那一欄要再劃分為兩列。接下來的:
<frameset rows="1*,1*,1*">
 <frame src="f3.htm">
 <frame src="f4.htm">
 <frame src="f5.htm">
</frameset>
是說右邊那一欄要再劃分為三列。

看看結果吧!

?蝏穧^復到原來的畫面呢?也就是說如何由多個FRAME回
復到只有一個FRAME呢?

當target指定值是_top就會回復到原來一個FRAME的畫面。
例如在FRAME(1)畫面中,你只要一按HOME的圖形,就會回復
到原來一個FRAME的畫面了。HTML內容如下所示:
<a href="content.htm" target="_top" >HOME的圖形</a>