《视窗框架 (2).docx》由会员分享，可在线阅读，更多相关《视窗框架 (2).docx（4页珍藏版）》请在三一文库上搜索。
1、.視窗框架利用<FRAMESET>、<FRAME>切割視窗<Frameset>標籤建立視窗框架，僅可直接包含在<HTML>標籤中，不能包含在<body>標籤裡，而<Frame>沒有結束標籤，請多加留意。 1.列分割 <html> <Frameset rows ="高度1,高度2,高度3,* "> <frame> <frame> <frame> </frameset> </html> 高度可以用百分比(所有分割區之百分比和
2、不可超過100%)或像素表示 範例1：<html> <Frameset rows ="10%,20%,*"> <frame> <frame> <frame> </frameset> </html> 分割區大小會隨視窗縮放而改變， 維持10%、20%、70%之比例。 範例2：<html> <Frameset rows ="100,200,* "> <frame> <frame> <frame> </frame
3、set> </html> 分割區大小不隨視窗縮放而改變， 最上層分割區高度永遠為100像素。 2.欄分割 <html> <Frameset cols ="寬度1, 寬度2, 寬度3,* "> <frame> <frame> <frame> </frameset> </html> 寬度可以用百分比或像素表示 分別設定預分割之高度或寬度，但最後一個以*表示。 分割成N個分割區，<frameset>標籤中就需有N個<frame>標籤3.<frame&
4、gt;屬性 Name屬性：用於指定頁框的名稱 Src屬性：連結預載入之html文件 使用方式<frame src="html文件路徑" name="該頁框之名稱"> 範例：frame.htm之檢視原始檔 <html> <Frameset rows ="10%,20%,*"> <frame src="top.htm" name="topframe"> <frame src="center.htm" name="ce
5、nterframe"> <frame src="main.htm" name="mainframe"> </frameset> </html> 在frame.htm同資料夾中需含有top.htm、center.htm、main.htm三個html文件 如缺少將出現下圖錯誤訊息。 錯誤顯示： 正確顯示： 4.不顯示頁框之框線frameborder屬性 使用方式<Frameset frameborder="0"> (0表示不顯示框線，1為預設顯示框線。) <Frames
6、et frameborder="no">範例：frame.htm之檢視原始檔 <html> <Frameset rows ="10%,20%,*" frameborder="no"> <frame src="top.htm" name="topframe"> <frame src="center.htm" name="centerframe"> <frame src="main.htm&
7、quot; name="mainframe"> </frameset> </html>5.當框頁文字超過頁框之瀏覽畫面時不顯示視窗捲動軸scrolling="no"。 範例：frame.htm之檢視原始檔 原始 <html> <Frameset rows ="50%,*"> <frame src="top.htm" name="topframe"> <frame src="main.htm" name=&
8、quot;mainframe"> </frameset> </html> 加入scrolling="no" <html> <Frameset rows ="50%,*"> <frame src="top.htm" scrolling="no" name="topframe"> <frame src="main.htm" scrolling="no" name="ma
9、inframe"> </frameset> </html>6.巢狀視窗框架：同時包含列分割和欄分割。 實作：frame.htm之檢視原始檔 <html>第一層框架 <frameset rows="30%,*">第二層框架 <frame src="top.htm" scrolling="no" name="topframe"> <frameset cols="150,*"> <frame src=&quo
10、t;left.htm" name="leftframe"> <frame src="main.htm" name="mainframe"> </frameset> </frameset> </html>Frame.htm只作為定義頁框架使用，網頁之內容不在此文件中編輯。Top.htm、left.htm、main.htm為子頁框htm文件檔，網頁內容皆在這三個檔案中編輯。當開啟frame.htm時，便會自動連結Top.htm、left.htm、main.htm等子頁框文件。
11、7.超連結在框架中之應用運用超連結target屬性，來指定顯示連結之視窗。使用方式target="子頁框名稱" target設定值 _blank：開新視窗 _self ：以本身視窗連結新網頁 _parent：巢狀視窗中載入目前框頁中之上一層頁框 _top ：將網頁載入目前瀏覽器之最上層<html> <frameset rows="30%,*"> <frame src="top.htm" scrolling="no" name="topframe"> <f
12、rameset cols="150,*"> <frame src="left.htm" name="leftframe"> <frame src="main.htm" name="mainframe"> </frameset> </frameset> </html>範例：Frame.htm原始檔點選連結 Left.htm檢視原始檔<html> <body> left <a href="" target=mainframe>yahoo奇摩</a> (在mainframe視窗中顯示)</body></html>實作：試做一左右分隔之視窗框架，左右子頁框之寬度比為2：8，並在左邊子頁框中製作超連結連結至太平國小首頁，且點選此連結時，新網頁將在右邊子頁框中顯示。結果 視窗框架之檢視原始檔左邊子視窗之檢視原始檔: