第6课 框架实现多窗口页面

《第6课 框架实现多窗口页面》由会员分享，可在线阅读，更多相关《第6课 框架实现多窗口页面（44页珍藏版）》请在文档大全上搜索。

1、PART-6 PART-6 框架实现多框架实现多窗口网页窗口网页第第6章章 框架实现多窗口网页框架实现多窗口网页6.1 框架与与框架集u 框架集也是一个网页布局工具，使用框架集可以把浏览器窗口划分成若干区域，分别在不同的区域显示不同的网页文档。一个框架是一个独立的HTML页面，就是浏览器窗口中的一个区域。u 框架通过框架集的使用能够很好的在一起运作；u 框架集是由多个框架嵌套组合而成的，它包含同一网页上多个框架的布局、链接和属性信息。u 框架集文档本身不包含要在浏览器中显示的HTML内容，但noframes部分除外。u 要在浏览器中查看一组框架，必须打开框架集文档。一、概述：一、概述：分框分框

2、将浏览器的窗口分成多个区域，每个区将浏览器的窗口分成多个区域，每个区域可以单独显示一个域可以单独显示一个htmlhtml文件，各个区域也可相文件，各个区域也可相关连地显示某一个内容。关连地显示某一个内容。比如可以将索引放在一个区域，文件内容显示在比如可以将索引放在一个区域，文件内容显示在另一个区域。另一个区域。所谓框架所谓框架就是网页页面分成几个窗口，同时就是网页页面分成几个窗口，同时可取得多个可取得多个URL。只要使用标记只要使用标记和和设置设置即可，而所有框架标记要放在一个总的即可，而所有框架标记要放在一个总的html文档文档中，这个文档只记录了该框架是如何划分的，而不中，这个文档只记录了

3、该框架是如何划分的，而不会显示任何其它的资料，所以不必放入会显示任何其它的资料，所以不必放入 标记，浏览该框架必须先读取这个文档。标记，浏览该框架必须先读取这个文档。是用来划分窗口的，每一窗口由是用来划分窗口的，每一窗口由一个一个 标记所标识。标记所标识。 中的内容显示在不支中的内容显示在不支持分框的浏览器窗口中，因而这里需指向一个普持分框的浏览器窗口中，因而这里需指向一个普通版本的通版本的htmlhtml文件，以便供使用不支持分框浏览文件，以便供使用不支持分框浏览器的用户阅读。器的用户阅读。分框由分框由指定，并且可以嵌套，指定，并且可以嵌套，二、分框的基本结构如下二、分框的基本结构如下: :

4、例例 / frame 1.基本语法基本语法标记用来分割窗口，标记用来分割窗口，在多窗口页面中的地位就相当于在多窗口页面中的地位就相当于在普通单在普通单窗口页面中的地位窗口页面中的地位在页面中用在页面中用标志标志页面主体部分的起止位置。页面主体部分的起止位置。标记决定了怎样划分窗口，以及每个标记决定了怎样划分窗口，以及每个窗口的位置和大小。窗口的位置和大小。 语法形式语法形式：. 作用作用： 用来标记用来标记HTML文件为框架模式，并设定视窗文件为框架模式，并设定视窗如何分割。如何分割。注注： vcols和和rows：决定页面如何分割的两个参数。分割左右：决定页面如何分割的两个参数。分割左右窗口

5、用窗口用cols，各帧的左右宽度用占窗口宽度的百分比来表示。，各帧的左右宽度用占窗口宽度的百分比来表示。分割上下窗口用分割上下窗口用rows，也用百分比来设定。，也用百分比来设定。vframeborder：设定各分窗口是（：设定各分窗口是（yes）否（）否（no）要加）要加边框。边框。vborder:如果加过框的话，则设定边框的宽度。如果加过框的话，则设定边框的宽度。vbordercolor:设定边框的颜色。设定边框的颜色。vframespacing：设定框架与框架间的保留空白的距离，：设定框架与框架间的保留空白的距离，默认值是默认值是0。 用用标记把窗口分割好后，各窗口的标记把窗口分割好后，

6、各窗口的属性是用属性是用HTML的的标记来定义的，所标记来定义的，所以以标记中必须包含标记中必须包含标记，标记，用以定义各子窗口的属性。用以定义各子窗口的属性。 语法形式语法形式： 作用作用：设定某一个子窗口的参数属性。设定某一个子窗口的参数属性。注注：qsrc：设定此窗口中要显示的网页文件名称，每个窗设定此窗口中要显示的网页文件名称，每个窗口一定要对应着一个网页文档。你可使用绝对路径或口一定要对应着一个网页文档。你可使用绝对路径或相对路径来指定。相对路径来指定。 qname：设定这个窗口的名称，这样才能指定框架设定这个窗口的名称，这样才能指定框架来作连结，必须但可任意命名。来作连结，必须但可

7、任意命名。 qframeborder：设定框架的边框，其值只有设定框架的边框，其值只有 0 和和 1 ， 0 表示不要边框，表示不要边框， 1 表示要显示边框，也可使用表示要显示边框，也可使用 yes 或或 no 。 qframespacing：设定框架与框架间的保留空白的设定框架与框架间的保留空白的距离。距离。 qbordercolor：设定框架的边框颜色。设定框架的边框颜色。 qscrolling：设定是否要显示卷轴，设定是否要显示卷轴，YES 表表示要显示卷轴，示要显示卷轴，NO 表示无论如何都不要显表示无论如何都不要显示，示， AUTO是视情况显示。是视情况显示。 qnoresize：

8、设定不让浏览者改变这个边框设定不让浏览者改变这个边框的大小。没有设定此参数，浏览者则可以很的大小。没有设定此参数，浏览者则可以很随意地拉动框架，改变其大小。随意地拉动框架，改变其大小。 qmarginhight：设定框架高度部份边缘所设定框架高度部份边缘所保留的空白空间。保留的空白空间。 qmarginwidth：设定框架宽度部份边缘所设定框架宽度部份边缘所保留的空白空间。保留的空白空间。3.举例举例 1.左小右大两窗口左小右大两窗口:分帧窗口示例分帧窗口示例 很抱歉！这是一个分帧页面，但由于你的浏览器不支持，所以不能很抱歉！这是一个分帧页面，但由于你的浏览器不支持，所以不能浏览！浏览！ 执行

9、执行效果： 2.一顶一左一右页面一顶一左一右页面 执行执行1.简介简介框架超级链接的优点框架超级链接的优点主要体现在站点导航上，主要体现在站点导航上，将要产生超级链接的文字或图形置于左框架中，像菜将要产生超级链接的文字或图形置于左框架中，像菜单一样，当你在做框架点选某个超级链接，被链接的单一样，当你在做框架点选某个超级链接，被链接的网页将出现在右框加内。网页将出现在右框加内。 左框架的页面不会被别的页面所覆盖。这样在进行左框架的页面不会被别的页面所覆盖。这样在进行多次超级链接时就不会迷失掉。多次超级链接时就不会迷失掉。二、框架超级链接二、框架超级链接2.分割框架分割框架首先通过首先通过标记中的

10、标记中的cols属性设定左属性设定左右两个框架，宽度比为右两个框架，宽度比为200:*。接着用接着用标记的标记的name属性设定格框架的属性设定格框架的名称名称 ，以及，以及src属性设定各框架欲显示的网页文件，属性设定各框架欲显示的网页文件，执行结果如下图：执行结果如下图：3.设定超级链接的目的页设定超级链接的目的页对于上图程序如下：对于上图程序如下：课程表课程表课程表课程表课程表课程表课程表课程表.实例实例具体程序如下：具体程序如下： 第第6章章 框架实现多窗口网页框架实现多窗口网页6.1 框架与与框架集第第6章章 框架实现多窗口网页框架实现多窗口网页6.2 框架的基本操作6.2.1 6.

11、2.1 在在HTMLHTML代码中创建框架代码中创建框架1.1.创建基本框架创建基本框架基本HTML中使用，和标签来定义框架。（1）框架集标签标签用于定义一个框架集，成对出现。框架集的作用是将一个窗口划分成多个子窗口，即框架，每个框架都是一个独立的页面，又叫框架页面。通过cols属性和rows属性来将一个窗口划分为多个框架。（2）框架标签框架标签用于设定单个框架页面，单个出现。也可以通过属性设置框架的外观第第6章章 框架实现多窗口网页框架实现多窗口网页6.2 框架的基本操作（3）标签使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息，以免浏览者对空白窗口画面感觉莫名其妙。标签是成对