帧窗口是一种复杂的页面技术,应用帧窗口使得用户可以在同一个浏览器窗口中浏览不同网站的内容,可以在一个小窗口中发出查询命令而在另一个小窗口中接收查询结果。实现帧窗口的思路是将浏览器窗口按照功能分割成多个小窗口。每个窗口都对应有自己的
HTML
页面,按照一定的组合方式组合在一起,以实现特殊的效果。
其中主要有
FrameSet
、
Frame
两个元素
其中
Frameset
对于的属性有:
cols:
分割左右窗口,分割左右窗口用
cols
,各帧的左右宽度用占窗口宽度的百分比来表示。比如:
cols="30%,40%,*"
就表示水平方向分割成三个窗口,各自所占总宽度的百分比依次是
30%
,
40%
和
30%
。其中
"*"
表示剩余部分,也就是说
"*"
对应的小窗口宽度为剩余的宽度。
rows:
分割上下窗口,主要参数设置同
cols
属性
frameborder:
指定各窗口是否要加边框(
yes/no
)
,
如果加,可以用
border
属性来设置。
border:
指定边框的宽度
bordercolor:
指定边框的颜色
framespacing:
设定个窗口之间的间隔大小。默认值为
0
<frame>
标记的属性:
align=left|center|right|top|bottomv name=framename
src: 指定分窗口的名称
noresize :客户是否可以调整分窗口的大小
scrolling = yes|on|auto 分窗口是否可以显示滚动条
frameborder=yes|no 分窗口是否有边框
bordercolor =# n 分窗口边框的颜色
marginheight=n 分窗口的上下边缘
marginwidth = n 分窗口的左右边缘
src: 指定分窗口的名称
noresize :客户是否可以调整分窗口的大小
scrolling = yes|on|auto 分窗口是否可以显示滚动条
frameborder=yes|no 分窗口是否有边框
bordercolor =# n 分窗口边框的颜色
marginheight=n 分窗口的上下边缘
marginwidth = n 分窗口的左右边缘
<noframes>
标签:对不支持框架的设备进行提示或者进行操作
例:
<frameset
cols="50%,25%,25%">
<frame
src="http://www.dreamdu.com/xhtml/">
<frame
src="http://www.dreamdu.com/css/">
<frame
src="http://www.dreamdu.com/javascript/">
<noframes>
<body>
<p>
您的浏览器不支持框架技术。</p>
</body>
</noframes>
</frameset>