Frameset使用教程

時間 2020-06-15

標籤 frameset 使用教程简体版

原文原文鏈接

原文地址：Frameset使用教程做者：漆黑之牙html

frame，是網頁開發必須掌握的知識。例如後臺架構、局部刷新，頁面分割，都是frame的用途表現，尤爲是後臺頁面製做，使用frame會給用戶帶來很是溫馨的使用感覺。瀏覽器

frame知識點包括（frameset標籤、frame標籤、iframe標籤）。下面就對其一一介紹。架構

1、frameset框架

1. 屬性編輯器

①borderide

設置框架的邊框粗細。工具

②bordercolorspa

設置框架的邊框顏色。htm

③frameborder對象

設置是否顯示框架邊框。設定值只有0、1；0 表示不要邊框，1 表示要顯示邊框。

④cols

縱向分割頁面。其數值表示方法有三種：「30%、30（或者30px）、*」；數值的個數表明分紅的視窗數目且數值之間用「,」隔開。「30%」表示該框架區域佔所有瀏覽器頁面區域的30%；「30」表示該區域橫向寬度爲30像素；「*」表示該區域佔用餘下頁面空間。例如：cols="25%,200,*" 表示將頁面分爲三部分，左面部分佔頁面30%，中間橫向寬度爲200像素，頁面餘下的做爲右面部分。

⑤rows

橫向分割頁面。數值表示方法與意義與cols相同。

⑥framespacing

設置框架與框架間的保留的空白距離。

2. 用例

<frameset cols="213,*" frameborder="no" border="0" framespacing="0">

注意1：

cols與rows兩屬性儘可能不要同在一個<frameset>標籤中使用。若要實現下圖架構，代碼正確寫法爲：

<frameset rows="59,*" cols="*" frameborder="no" border="0" framespacing="0">

<frame src="???" name="topFrame" scrolling="No" noresize="noresize" id="topFrame"/>

<frameset cols="213,*" frameborder="no" border="0" framespacing="0">

<frame src="???" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/>

<frame src="???" name="mainFrame" id="mainFrame"/>

【即，若想即便用cols又使用rows，可利用frameset嵌套實現】

注意2：

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

意思是：第一個框架佔整個瀏覽器窗口的40%,剩下的空間平均分配給另外兩個框架。

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

意思是：瀏覽器窗口等分爲四部分。

2、frame

1. 屬性

①name

設置框架名稱。此爲必須設置的屬性。

②src

設置此框架要顯示的網頁名稱或路徑。此爲必須設置的屬性。

③scrolling

設置是否要顯示滾動條。設定值爲auto, yes, no。

④bordercolor

設置框架的邊框顏色。

⑤frameborder

設置是否顯示框架邊框。設定值只有0、1；0 表示不要邊框，1 表示要顯示邊框。

⑥noresize

設置框架大小是否能手動調節。

⑦marginwidth

設置框架邊界和其中內容之間的寬度。

⑧marginhight

設置框架邊界和其中內容之間的高度。

⑨width

設置框架寬度。

⑩height

設置框架高度。

2. 用例

<frame src="???" name="topFrame" scrolling="No" noresize="noresize" marginwidth="10" marginhight="10" width="400" height="800" />

3、iframe

是浮動的框架（frame），其經常使用屬性與frame相似，其餘的主要有如下（相同的就不列舉了）

1. 屬性

①align

設置垂直或水平對齊方式

②allowTransparency

設置或獲取對象是否可爲透明。

2. 用例

<iframe name="123" align="middle" marginwidth="0" marginheight=0 src="???" frameborder="0" scrolling="no" width="776" height="2500"></iframe>

注意：

iframe標籤與frameset、frame標籤的驗證方法不一樣，是XHTML 1.0 Transitional。且iframe是放在body標籤以內，而frameset、frame是放在body標籤以外。

4、綜合示例

<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>

【說明】

<noframes></noframes> 標誌對也是放在<frameset></frameset>標誌對之間，用來在那些不支持框架的瀏覽器中顯示文本或圖像信息。在此標誌對之間先緊跟<body></body>標誌對，而後才能夠使用咱們熟悉的任何標誌。

最後須要說明一點：

若是將代碼按照我以上所寫寫到VS中報錯的話，例如：

或者

解決方法以下：

工具→選項→文本編輯器→HTML→驗證→Internet Explorer 6.0

好了，經過以上內容，你們再多加練習，就會慢慢熟悉frame的相關知識了，用好了的話你會發現真的挺好。至於frame系列標籤的事件方法，通常用的不是很是多，須要的話，你們本身再查吧。【呵呵，其實本人尚未用到過】

相關文章

相關標籤/搜索

Eclipse使用教程

TensorFlow使用教程

MongoDB詳細使用教程

java實用教程

Hibernate教程

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<