程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> Frameset使用教程,使用frameset的好處

Frameset使用教程,使用frameset的好處

編輯:關於PHP編程

Frameset使用教程,使用frameset的好處


frame,是網頁開發必須掌握的知識。例如後台架構、局部刷新,頁面分割,都是frame的用途表現,尤其是後台頁面制作,使用frame會給用戶帶來非常舒適的使用感受。 frame知識點包括(frameset標簽、frame標簽、iframe標簽)。下面就對其一一介紹。   一、frameset

1. 屬性

①border

設置框架的邊框粗細。 ②bordercolor 設置框架的邊框顏色。 ③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使用教程 <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="*,*,*,*"> 意思是:浏覽器窗口等分為四部分。   二、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" />   三、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標簽之外。   四、綜合示例 <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中報錯的話,例如: Frameset使用教程 或者 Frameset使用教程 解決方法如下: 工具→選項→文本編輯器→HTML→驗證→Internet Explorer 6.0   好了,通過以上內容,大家再多加練習,就會慢慢熟悉frame的相關知識了,用好了的話你會發現真的挺好。至於frame系列標簽的事件方法,一般用的不是非常多,需要的話,大家自己再查吧。【呵呵,其實本人還沒有用到過】

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved