• HTML之FRAMESET（框架）标记使用（1） - [专业相关]

    2009-09-25

    Tag：

    版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://jiying166.blogbus.com/logs/47098919.html

    用frameset将网页画面分成几个框窗，同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可，所有框架标记需要放在一个总起的 html 档，不必放入 <BODY> 标记。<FRAMESET> 是用来划分框窗，每一窗框由一个 <FRAME> 标记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。

    frameset标记   定义分割窗口
    frame标记       定义窗口
    用法：
    先用frameset标记分割父窗口，把它分为两个子窗口，在用frame标记定义子窗口，例如：

    <frameset rows="193,*" cols="*" frameborder="0" border=0 framespacing="2" border="2" bordercolor="#008000">
     <frame src="#" name="leftFrame" scrolling="NO" noresize>
     <frame src="#" name="topFrame" scrolling="NO" noresize>
    </frameset>

    说明：

    1）COLS="90,*"
    垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字。 

    2）ROWS="120,*"
    这是横向切割，将画面上下分开，数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 <FRAMESET> 标记中，因 Netacape 偶然不能显示这类型的框架，尽量采用多重分割，如以上各例。

    3） frameborder="0"   设定框架的边框，其值只有 0 和 1 ，0 表示不要边框， 1 表示要显示边框。              

    4）border="0"   设定框架的边框厚度，以 pixels 为单位。                                                               

    5）bordercolor="#008000"     设定框架的边框颜色。                                                                        

    6）framespacing="5"   表示框架与框架间保留的空白的距离。

    <FRAMESET>...</FRAMESET>
    用法：　　　　　　定义在一个窗口中帧的布局
    开始／结束标识：　必须／必须
    属性：　rows="..."设定行的数目，框架所占用的行数(rows="10,*"表示占10行，rows="*"表示占窗口全部行)
    　　　　cols="..."设定列的数目，框架所占用的列数(cols="10,*"表示占10列，cols="*"表示占窗口全部列)
    　　　　onload="..."当载入文档时的内部事件触发器
    　　　　onunload="..."当卸载文档时的内部事件触发器
               framespacing   框架之间的距离，表示框架与框架间保留的空白的距离。

    不允许为空，可以嵌套。

    <FRAME>
    用法：　　　　　　定义一个帧
    开始／结束标识：　必须／非法
    属性：　　　　　　name="..."定义帧的名字
    　　　　　　　　　scr="..."定义在帧中显示的内容的来源
    　　　　　　　　　frameborder="..."框架边框是否显示frameborder="yes"或者frameborder="no"　
    　　　　　　　　　margwidth="..."设置帧的边界和其中内容之间的间距
    　　　　　　　　　margheight="..."设置帧的边界和其中内容之间的间距化
    　　　　　　　　　noresize="..."使帧的尺寸不能变
    　　　　　　　　　scrolling="..."设置滚动条的表示方式(auto, yes, no)
    注：                                                                                                                                  marginwidth=5 表示框架宽度部分边缘所保留的空间。                                                                

    marginhight=5 表示框架高度部分边缘所保留的空间。                                                                     

    noresize   设定不让使用者可以改变这个框框的大小，如没有设定此参数，使用者可随意地拉动框架改变其大小。

    scrolling="Auto"  设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示不要显示卷轴，AUTO 视情况而定。 

    例1：
    <html>
    <head>
    <title>把窗口分为上下两个子窗口</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <frameset rows="193,*" cols="*" framespacing="100" frameborder="yes" border="0">
     <frame src="a.htm" name="leftFrame" scrolling="NO" noresize>
     <frame src="b.htm" name="topFrame" scrolling="NO" noresize>
    </frameset>
    </html>
    当然frameset标记是可以套用的，就可以分出更多的子窗口，下例2就把父窗口划分为三个子窗口
    <html>
    <head>
    <title>把父窗口划分为三个子窗口</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <frameset rows="193,*" cols="*" framespacing="100" frameborder="yes" border="0">
      <frame src="#" name="leftFrame" scrolling="NO" noresize>
      <frameset rows="193,*" cols="*" framespacing="100" frameborder="yes" border="0">
         <frame src="#" name="leftFrame" scrolling="NO" noresize>
         <frame src="#" name="topFrame" scrolling="NO" noresize>
      </frameset>
    </frameset>
    </html>


    历史上的今天：


    随机文章：

    分布式计算 2008-10-24

    收藏到：Del.icio.us




    引用地址：
    发表于09:33:58 | 编辑 | 继续话题 | 转发 | 分享　0