首页 > 代码库 > frameset使用方法
frameset使用方法
框架标记
<FRAMESET>
<FRAME>
<NOFRAMES>
<IFRAME>
框架概念：所谓框架便是网页画面分成几个框窗，同时取得多个URL。只需要<FRAMESET><FRAME>即可，但所有框架标记需要放在一个总起的html档，这个档案只记录了该框架如何分割，不会显示任何资料，所以不必放入<BODY>标记，浏览这框架必须读取这档案而不是其他框窗的档案。<FRAMESET>是用来划分框窗，每一窗框由一个<FRAME>标记所标示，<FRAME>必须在<FRAMESET>范围中使用。
如下例：
<frameset cols="50%,*">
<frame name="hello" src="http://www.mamicode.com/up2u.html">
<frame name="hi" src="http://www.mamicode.com/me2.html">
</frameset>
此例中
<FRAMESET>把画面分成左右两相等部分，左边显示up2u.html，右边显示me2.html这档案，<FRAME>标记所标示的框窗永远是按由上而下、由左至右的次序
<FRAME>
用法：
定义一个帧
开始／结束标识：
必须／非法
属性：
name="..." 定义帧的名字
scr="..." 定义在帧中显示的内容的来源
frameborder="..." 定义帧之间的边界(0或1)
margwidth="..." 设置帧的边界和其中内容之间的间距
margheight="..." 设置帧的边界和其中内容之间的间距化
noresize="..." 使帧的尺寸不能变
scrolling="..." 设置滚动条的表示方式(auto, yes, no)
空： 不允许
<FRAMESET>...</FRAMESET>
用法：
定义在一个窗口中帧的布局
开始／结束标识：
必须／必须
属性：
rows="..." 设定行的数目
cols="..." 设定列的数目
onload="..." 当载入文档时的内部事件触发器
onunload="..." 当卸载文档时的内部事件触发器
空： 不允许
注释： FRAMESET可以嵌套
以上所述只是最简单的框架设定，若希望达到更合适的效果请加入或修改以下各
参数。
标记：<FRAMESET>
例子：<frameset rows="90,*" frameborder="0" border=0
framespacing="2" border="2" bordercolor="#008000"></frameset>
功用：宣告HTML文件为框架模式，并设定视窗如何分割。
参数：
COLS="90,*"
垂直切割画面(如分左右两个画面)，接受整数值、百分数，*则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。
例如
COLS="30,*,50%"
可以切成三个视窗，第一个视窗是30 pixels的宽度，为一绝对分割，第二个视窗是当分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个视窗画面
的50%宽度为一相对分割。你可自己调整数字。
ROWS="120,*"
这是横向切割，将画面上下分开，数值设定同上。COLS与ROWS两参数尽量不要放在同一个<FRAMESET>标记中，因Netacape偶然不能显示这类型的框架，尽量采用多重分割，如以上各例。
frameborder="0"：
设定框架的边框，其值只有0和1，0表示不要边框，表示要显示边框。
border="0"：设定框架的边框厚度，以pixels为单位。
bordercolor="#008000"：设定框架的边框颜色。颜色值请参考【调色原理】。framespacing="5"：表示框架与框架间保留的空白的距离。
标记：
<FRAME>
例子：
<frame name="top" src="http://www.mamicode.com/a.html" marginwidth="5"
marginheight="5" scrolling="Auto" frameborder="0" noresize
framespacing="6" bordercolor="#0000FF">
功能：设定每一个框窗内的参数属性。
参数：
SRC="http://www.mamicode.com/a.html"
设定此框窗中要显示的网页档案名称，每个框窗一定要对应一个网页档案。
NAME="top"
设定这个框窗的名称，这样才能指定框架来作链接，必须但任意命名。
frameborder=0
设定框架的边框，其值只有0和1，0表示不要边框，1表示要边框。
framespacing="6"：表示框架与框架间的保留的空白的距离。
bordercolor="#008000"：设定框架的边框颜色。
scrolling="Auto"：设定是否要显示卷轴，YES表示要显示卷轴，NO表示无论如何都不要显示卷轴，AUTO视情况而定。
Noresize：设定不让使用者可以改变这个框框的大小，如没有设定此参数，
使用者可随意地拉动框架改变其大小。
marginhight=5：表示框架高度部分边缘所保留的空间。
marginwidth=5：表示框架宽度部分边缘所保留的空间。
资料引用:http://www.knowsky.com/341334.html
下面贴上我的代码，页面布局上、下（下面分左右）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
</title>
</head>
<frameset rows="132px,*" height="100%" frameborder="0"
framespacing="0" >
<frame name="top" src="http://www.mamicode.com/top.html" frameborder="0" name="top"
scrolling="no" >
<frameset cols="235px,*" height="100%" frameborder="0"
framespacing="0">
<frame name="left" src="http://www.mamicode.com/left.html" frameborder="0" name="top"
scrolling="auto" noresize="noresize"
margwidth="0" margheight="0">
<frame name="right" src="http://www.mamicode.com/2.html" frameborder="0" name="top"
scrolling="yes" noresize="noresize" >
</frameset>
</frameset>
</html>
注意：实际左侧的宽度是217px，但是当你窗口缩小后，左侧就出现横向和竖向的滚动条，如果不想有横向的滚动条，那么你frameset cols=“217px” 就要改成235px，就要加上滚动条自己本身的宽度了。
HTML <noframes> 标签
noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。
<html>
<frameset cols="25%,50%,25%">
<frame src="http://www.mamicode.com/example/html/frame_a.html">
<frame src="http://www.mamicode.com/example/html/frame_b.html">
<frame src="http://www.mamicode.com/example/html/frame_c.html">
<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>
</frameset>
</html>