天天看點

frame 和 frame屬性

幀标志

1.<frameset></frameset>

2.<frame>

3.<noframes></noframes>

幀是由英文Frame翻譯過來的,它可以用來向浏覽器視窗中裝載多個Html檔案。即每個Html檔案占據一個幀,而多個幀可以同時顯示在同一個浏覽器視窗中,它們組成了一個最大的幀,也即是一個包含多個Html文檔的Html檔案(我稱它為主文檔)。幀通常的使用方法是在一個幀中放置目錄(即可供選擇的連結),然後将Html檔案顯示在另一個幀中。

1.<frameset></frameset>

<frameset></frameset>标志對放在幀的主文檔的<body></body>标志對的外邊,也可以嵌在其他幀文檔中,并且可以嵌套使用。此标志對用來定義主文檔中有幾個幀并且各個幀是如何排列的。它具有rows和cols屬性,使用<frameset>标志時這兩個屬性至少必須選擇一個,否則浏覽器隻顯示第一個定義的幀,剩下的一概不管,<frameset></frameset>标志對也就沒有起到任何作用了。rows用來規定主文檔中各個幀的行定位,而cols用來規定主文檔中各個幀的列定位。這兩個屬性的取值可以是百分數、絕對像素值或星号(“*”),其中星号代表那些未被說明的空間,如果同一個屬性中出現多個星号則将剩下的未被說明的空間平均配置設定。同時,所有的幀按照rows和cols的值從左到右,然後從上到下排列。示例如下:

<frameset rows="*,*,*">

總共有三個按列排列的幀,每個幀占整個浏覽器視窗的1/3

<frameset cols="40%,*,*">

總共有三個按行排列的幀,第一個幀占整個浏覽器視窗的40%,剩下的空間平均配置設定給另外兩個幀

<frameset rows="40%,*" cols="50%,*,200">

總共有六個幀,先是在第一行中從左到右排列三個幀,然後在第二行中從左到右再排列三個幀,即兩行三列,所占空間依據rows和cols屬性的值,其中200的機關是像素

2.<frame>

<frame>标志放在<frameset></frameset>之間,用來定義某一個具體的幀。<frame>标志具有src和name屬性,這兩個屬性都是必須指派的。src是此幀的源Html檔案名(包括網絡路徑,即相對路徑或網址),浏覽器将會在此幀中顯示src指定的Html檔案;name是此幀的名字,這個名字是用來供超文本連結标志<a

href="" target="_blank" rel="external nofollow"

target="">中的target屬性用來指定連結的Html檔案将顯示在哪一個幀中。例如定義了一個幀,名字是main,在幀中顯示的Html檔案名是jc.htm,則代碼是<frame

src="jc.htm" name="main">,當您有一個連結,在點選了這個連結後,檔案new.htm将要顯示在名為main的幀中,則代碼為<a

href="new.htm" target="_blank" rel="external nofollow"

target="main">需要連結的文本</a>。這樣一來,就可以在一個幀中建立網站的目錄,加入一系列連結,當點選連結以後在另一個幀中顯示被連結的Html檔案。

此外,<frame>标志還有scrolling和noresize屬性,scrolling用來指定是否顯示滾動軸,取值可以是“yes”(顯示)、“no”(不顯示)或“auto”(若需要則會自動顯示,不需要則自動不顯示)。noresize屬性直接加入标志中即可使用,不需指派,它用來禁止使用者調整一個幀的大小。

3.<noframes></noframes>

<noframes></noframes>标志對也是放在<frameset></frameset>标志對之間,用來在那些不支援幀的浏覽器中顯示文本或圖像資訊。在此标志對之間先緊跟<body></body>标志對,然後才可以使用我們在教程七以前講過的任何标志。

下邊是一個綜合示例:

例8 幀标志的綜合示例

主文檔:

<html>

<head>

<title>幀标志的綜合示例</title>

</head>

<frameset cols="25%,*">

<frame src="menu.htm" scrolling="no" name="Left">

<frame src="page1.htm" scrolling="auto" name="Main">

<noframes>

<body>

<p>對不起,您的浏覽器不支援“幀”!</p>

</body>

</noframes>

</frameset>

</html>

menu.htm

<html>

<head>

<title>目錄</title>

</head>

<body>

<p><font color="#FF0000">目錄</font></p>

<p><a href="page1.htm" target="_blank" rel="external nofollow" target="Main">連結到第一頁</a></p>

<p><a href="page2.htm" target="_blank" rel="external nofollow" target="Main">連結到第二頁</a></p>

</body>

</html>

page1.htm

<html>

<head>

<title>第一頁</title>

</head>

<body>

<p align="center"><font color="#8000FF">這是第一頁!</font></p>

</body>

</html>

page2.htm

<html>

<head>

<title>第二頁</title>

</head>

<body>

<p align="center"><font color="#FF0080">這是第二頁!</font></p>

</body>

</html>

繼續閱讀