html：frameset标记多窗口页面

由 Admin 周日一月 06, 2008 2:39 pm

　使用Frames结构设计的HTML文件，能够将整个窗口分成几个独立的小窗口，每一个窗口可分别载入不同的文件，令人高兴的是，每个窗口是可以相互沟通的。有时用得恰到好处，感觉真是好极了。
　　这是一个非常好用的技巧，不过，学习内容也不少，我们一起从基本语法学起吧！
[hr]

Frames结构的基本格式

<frameset>
　　　<frame src="url">
　　　<frame src="url">
　　　...
</frameset>

　　在有Frames结构的HTML文件中，Frames文件的整体结构为：

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>

<FRAMESET>
　　<FRAME SRC="url">
　　<FRAME SRC="url">
　　......
</FRAMESET>
</HTML>

　　Framees结构中的每个URL值指定了一个文件（这个文件必须事先做好），这个文件将载入相应的窗口。

[hr]各窗口的尺寸设置

　　我们将窗口分割为几块，横向分用ROWS属性，纵向分用COLS属性，每一块的大小可以由这两个属性的值来实现。

　　<frameset cols=#> 　例：<frameset cols="100,200,300">
　　<frameset rows=#> 　例：<frameset rows="10%,20%,70%">

　　#的值为一对用引号括起来的字符串，字符串中的数字表示每个分窗口所占的尺寸，数字中间用逗号隔开，有几个数字就表示分出了几个窗口。当然，这其中的任何一个数字也可以由“*”来代替，这样表示由浏览器自动设置其大小。

　　如：<frameset cols="100,200,*">
　　　　<frameset cols="100,*,*"> 　　将100像素以外的窗口平均分配
　　　　<frameset cols="*,*,*"> 　　　将窗口分为三等份

[hr]

纵向排列多个窗口：

<frameset cols=30%,20%,50%>
　　<frame src="frame/A.html">
　　<frame src="frame/B.html">
　　<frame src="frame/C.html">
</frameset>

横向排列多个窗口：
<frameset rows=25%,25%,50%>
　　<frame src="frame/A.html">
　　<frame src="frame/B.html">
　　<frame src="frame/C.html">
</frameset>

纵横排列多个窗口：

<frameset cols=20%,*>
　　<frame src="frame/A.html">
　　<frameset rows=40%,*>
　　　　<frame src="frame/B.html">
　　　　<frame src="frame/C.html">
　　</frameset>
</frameset>

[hr]各窗口间相互操作(Frame Target)

　　由Frames分出来的几个窗口的内容并不是静止不变的，往往一个窗口的内容随着另一个窗口的要求而不断变化，这就提高了Frames的利用价值。为了完成各窗口之间的相互操作，我们必须为每一个窗口起一个名字，这个名字用属性Name来定义。

　　窗口标识(Frame Name)

　　<frame src=url name=“窗口名”>　　例如：　<frame src="frame/a.html" name=“left”>

　　定义了窗口名称，还应该有Target来配合使用，Target属性指定了所链接的文件出现在哪一窗口。Target的值可以是name定义的名称，也可以是以下四类值：

　　<a href=url target=_blank> 　　显示一个新窗口
　　<a href=url target=_self> 　　显示在同一个窗口
　　<a href=url target=_parent> 　显示在Frameset的前一份文件的窗口
　　<a href=url target=_top> 　　　显示在整个浏览器窗口

例：

<frameset cols=50%,50%>
　　<frame src="frame/left.htm"　name="left">
　　<frame src="frame/right.htm" name="right">
</frameset> [hr]Frame 的其它属性

<frame frameborder=#> #=yes, no 各窗口边框的设置，yes表示有边框，no表示没有边框
<frame marginwidth=# marginheight=#>
　#的值为像素点设置各窗口的上下左右边界宽度，如果不设置，由浏览器自动决定。
<frame scrolling=#> #=yes, no, auto 滚动条设置，yes 表示有，no表示没有，auto表示由浏览器自动设置，#=缺省值是 auto
<frame noresize> noresize属性来设置不可变动的框边

各窗口边框的设置举例：

<frameset rows=30%,*>
<frame src="Acol.html" frameborder=1>
<frameset cols=30%,*>
<frame src="Bcol.html" frameborder=0>
<frame src="Ccol.html" frameborder=0>
</frameset>
</frameset>

示例(A 有边框，B、C 没有)

页面空白举例：

<frameset cols=50%,50%>
<frame src="A.html">
<frame src="A.html"
marginwidth=50
marginheight=50>
</frameset>

html：frameset标记 多窗口页面