Frameset使用教程

时间：2016-01-19 19:30:50 阅读：128 评论：0 收藏：0 [点我收藏+]

一、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>标签中使用。若要实现下图架构，代码正确写法为：

1 <frameset rows="59,*" cols="*" frameborder="no" border="0" framespacing="0">
2   <frame src="???" name="topFrame" scrolling="No" noresize="noresize" id="topFrame"/>
3   <frameset cols="213,*" frameborder="no" border="0" framespacing="0">
4     <frame src="???" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/>
5     <frame src="???" name="mainFrame" id="mainFrame"/>

【即，若想即使用cols又使用rows，可利用frameset嵌套实现】

注意2：

意思是：第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。

意思是：浏览器窗口等分为四部分。

二、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标签之外。

四、综合示例

 1 <html>
 2 <head>
 3 <title>综合示例</title>
 4 </head>
 5 <frameset cols="25%,*">
 6 <frame src="menu.html" scrolling="no" name="Left">
 7 <frame src="page1.html" scrolling="auto" name="Main">
 8 <noframes>
 9 <body>
10 <p>对不起，您的浏览器不支持“框架”！</p>
11 </body>
12 </noframes>
13 </frameset>
14 </html>

1 <html>
2 <head>
3 <title>menu</title>
4 </head>
5 <body>
6 <a href="page1.html"  target="Main">内容1</a>
7 <a href="page2.html"  target="Main">内容2</a>
8 </body>
9 </html>

【说明】

<noframes></noframes>标志对也是放在<frameset></frameset>标志对之间，用来在那些不支持框架的浏览器中显示文本或图像信息。在此标志对之间先紧跟<body></body>标志对，然后才可以使用我们熟悉的任何标志。

Frameset使用教程

原文：http://www.cnblogs.com/dreamflower/p/5143041.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)