HTML框架(Frames)

小明 2006-10-30

展開全文

　　使用框架(Frame)，你可以在瀏覽器窗口同時顯示多個網(wǎng)頁。每個Frame里設定一個網(wǎng)頁，每個Frame里的網(wǎng)頁相互獨立。

Frameset

　　<frameset></frameset>決定如何劃分Frame。<frameset>有cols屬性和rows屬性。使用cols屬性，表示按列分布Frame；使用rows屬性，表示按行分布Frame。

Frame

　　用<frame>這個Tag設定網(wǎng)頁。<frame>里有src屬性，src值就是網(wǎng)頁的路徑和文件名。

　　下面的代碼的目的是：將Frameset分成2列，第一列25%，表示第一列的寬度是窗口寬度的25%；第二列75%，表示第一列的寬度是窗口寬度的75%。第一列中顯示a.html，第二列中顯示b.html。

　　<frameset cols="25%,75%">

　　　　<frame src="../asdocs/html_tutorials/Frame_a.html">

　　　　<frame src="../asdocs/html_tutorials/Frame_b.html">

　　</frameset>

Iframe

　　Iframe是Inline Frame的意思，用<iframe></iframe>可以將Frame置于一個HTML文件內(nèi)。

示例

　　列分Frame

　　這個例子顯示如何在瀏覽器里同時顯示三個網(wǎng)頁，三個網(wǎng)頁是按列分布的。

　　行分Frame

　　這個例子顯示如何在瀏覽器里同時顯示三個網(wǎng)頁，三個網(wǎng)頁是按行分布的。

　　混合Frameset

　　這個例子既用到了cols屬性，又用到了rows屬性，將Frame進行靈活分布。

　　Frameset中的noresize屬性

　　使用Noresize屬性可以確保Frame的大小。如果不使用noresize屬性，你可以用鼠標移動Frame的邊界，來改變Frame的大小，如果設置了noresize屬性，就不能移動邊界了。

　　Frame用于導航

　　這個例子演示如何建立一個用于導航的Frame。這個導航Frame包含一個HTML，這個HTML（代碼如下）包含了一個網(wǎng)頁列表。點擊網(wǎng)頁列表中的任何一項，就會在第二個Frame中顯示點擊中的網(wǎng)頁。

　　<HTML>
　　<HEAD>
　　<TITLE> humorlist.html </TITLE>
　　</HEAD>
　　<BODY>
　　<p><a href = "../asdocs/html_tutorials/Frame_a.html" target="showframe">笑話一<a></p>
　　<p><a href = "../asdocs/html_tutorials/Frame_b.html"  target="showframe">笑話二<a></p>
　　<p><a href = "../asdocs/html_tutorials/Frame_c.html"  target="showframe">笑話三<a></p>
　　</BODY>
　　</HTML>

　　Iframe的使用

　　這個例子顯示如何在一個HTML文件里用iframe嵌入一個網(wǎng)頁。