1、第 8 章 窗 口 框 架 第 8章 窗口框架 8.1 窗口框架简介 8.2 窗口框架控制 8.3 FRAME间的链接 8.4 浮动窗口 8.1 窗口框架简介 窗口框架可用于 将窗口画面分割成多个小窗口 ，且每个小窗口中，可以显示不同的网页， 达到在浏览器中同时浏览多个不同网页的效果 。 8.1.1 什么是窗口框架 在介绍窗口框架文档之前，先来看看其应用实例，有一个感性认识，见下图。 Frameset结构的基本格式 . . 8.1.2 窗口框架的基本结构 包含 Frameset结构的 HTML文件 文件 framePage.htm的源代码 窗口框架文档 你的浏览器不支持带框架的网页 标签用于定
2、义一个窗口框架 则用于定义窗口框架中的子窗口 窗口框架文档的书写格式与一般的 HTML文档的书写格式相同，只是 用 代替标签 ， 是一个成对标签，有开始和结束标签，在 标签内使用了另一个标签 ，用它来指定每一个窗口的内容。 说 明 窗口框架的分割方式可分为两种，一种是水平分割 (rows属性 )，另一种是垂直分割 (cols属性 )。 8.1.3 窗口框架的分割方式 8.2 窗口框架控制 是成对标签 ，首标签 和尾标签 之间的内容是 HTML文档主体部分。 使用框架的 HTML文档中不能出现 标签 ，否则会导致 web浏览器忽略所有的框架定义而只显示 和 之间的内容。 标签主要有 rows、
3、cols、 border、bordercolor和 frameborder五个属性 。 8.2.1 框架设置标签 frameset 1格式： 2说明： rows说明窗口行分隔情况， cols说明列分隔。 各参数值之间用 逗号 分隔，依次表示各个子窗口的高度（宽度）。 一、水平 /垂直分割 窗口属性 rows/cols rows和 cols可以用 数字、百分比或剩余值以及这三种方式的混合 来表示： 数字： 表示子窗口高度（宽度）所占的像素点数。 百分比“ %” ：表示子窗口高度（宽度）占整个浏览器窗口高度（宽度）的百分比。 一、水平 /垂直分割 窗口属性 rows/cols 剩余值“ *” 。表
4、示当前所有窗口设定之后的剩余部分。 当符号 *只出现一次 ，即其他子窗口的大小都有明确定义时，表示该子窗口的大小将根据浏览器窗口的大小而自动调整。 当符号 *出现一次以上时 ，表示按比例分割浏览器窗口的剩余空间。 一、水平 /垂直分割 窗口属性 rows/cols ： 表示将浏览器窗口分割为 3列： 第一个子窗口在第一列，窗口宽度为整个浏览器窗口宽度的 40%； 第二个子窗口在第二列，占浏览器窗口剩余空间的 2/3，即其宽度为整个浏览器窗口宽度的 40%； 第三个子窗口占剩余空间的 1/3，宽度为整个浏览器窗口宽度的 20%。 示例 示例：横向与纵向同时分割 Simple FRAMESET 示
5、例：嵌套分割 在 标签中，可运用 border属性控制分割窗口的框架的宽度 ，其语法如下所示： 其中的数值代表此窗口框架的宽度，单位为像素 ,數值為整數。 二、设置窗口框架 宽度属性 border 示例：框架宽度设置 Simple FRAMESET 在 标签中，可运用 bordercolor属性 设置边框的颜色 ，其语法如下所示： 其中的 #代表此边框的颜色，取值可为RGB代码，可以是單詞如： red;或十六進制如： #00ff00。 三、设置边框 颜色属性 bordercolor 示例：框架颜色设置 Simple FRAMESET frameborder属性用于 控制窗口框架四周，是否显示框
6、架 。此属性可使用在 标签与 标签中，使用在 标签内时，可控制窗口框架的所有子窗口。使用在标签时，则仅能控制该标签所代表的子窗口，其语法为： 0代表不显示框线， 1代表显示框线，其默认值为 1。 四、设置框架 隐藏属性 frameborder 示例：框的设置 Simple FRAMESET 每个子窗口均由 标签定义 是单个的标签，使用时，将它写在 的开始和结束标签之间，它 主要有六个属性： src、 name、marginwidth、 marginheight、 scrolling和noresize。 8.2.2 子窗口设置标签 frame src属性是用于 指定要导入到该子窗口的HTML文件
7、 ，其语法如下所示： 如果一个 标签中没有 src属性，则该窗口显示为空。 1 src属性 name属性是用来 指定窗口的名称 ，此属性是可选的。当完成定义子窗口的名称后，我们便可在超链接中，指定显示网页的子窗口。其语法如下所示： 2 name属性 scrolling属性用于描述该窗口 是否有滚动条 。该属性是可选的。其设置语法如下： 各设置值所代表的意义依序为显示、不显示、自动设置，默认值是 auto。 3 scrolling属性 noresize 属性是一个标志，没有取值。它说明浏览者 是否可以自行用鼠标调整窗口的大小 。如果设定了 noresize属性，则窗口不能调整。如果默认，则可以自行调整窗口的大小。 4 noresize属性 marginwidth属性： 用来控制窗口内显示的内容与窗口左右边缘的距离 ，该属性是取一个像素值，默认为 1，该属性是可选的。 marginaheight属性： 用来控制窗口内显示的内容与上下边缘的距离 ，该属性是取一个像素值，默认为 1，该属性是可选的。 5设置边距属性 marginwidth /marginheight 对于框架网页中的超链接，可用target属性指定该链接的内容在哪个窗口显示。 8.3 FRAME间的链接
