第七章 框架及应用

《第七章 框架及应用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第七章框架的应用框架技术可以将浏览器分割成多个小窗口，并且在每个小窗口中，可以显示不同的网页，这样就可以很方便的在浏览器中浏览不同的网页效果。当浏览器分割成多个窗口后，各窗口就会扮演不同的角色，实现不同的功能。举例来说，有些论坛就是把浏览器分割成两个窗口，一个窗口主要来显示帖子的标题，而另一个窗口会显示具体的内容。这样的设计显然比起一个窗口的网页在浏览时方便得多，而且用户也可以任意的切换题目。框架技术也多用于后台管理页面排版。1框架的基本结构框架的基本结构主要分为框架和框架集两个部分。它是利用标记与标记来定义。其中

2、me>标记用于定义框架，而标记则用于定义框架集。标记不可以包含在标记中，直接将该标记包含在标记中。2框架的设置常见的对窗口的分割包括：水平分割、垂直分割和嵌套分割。具体采用哪种分割方式，取决于实际需要，可用标记中的rows(水平分割)或cols(垂直分割)属性来进行分割。在完成窗口的分割后，接下来就要设置

3、每个分割出来的子窗口。设置子窗口的属性都在相应的子窗口的标记中。其中，最重要的属性为子窗口的名称(name属性)和要导入到框架中的子窗口HTML文件的路径(src属性)。2.1窗口的水平分割rows属性可定义一个水平分割的窗口框架。格式：…ürows属性的值代表各子窗口的高度，第一个子窗口高为高度1，第二个子窗口高为高度2，依此类推，而最后一个*，则代表最后一个子窗口的高度，值为其它子窗口高度分配后所剩

4、余的高度。ü设置高度数值的方式有两种：采用整数设置，单位为像素px：用百分比设置，如：实例1.html：在水平分割窗口后，设置第一个窗口的高度为80px，第二个窗口中的高度为120px，第

5、三个窗口的高度是浏览器的宽度减去前两个窗口的高度。网页效果如图7-1。图7-1设置窗口的水平分割2.2窗口的垂直分割cols属性可定义一个垂直分割的窗口框架。格式：…垂直宽度值的设置，与水平分割高度值的设置方式相同。实例2.html：

6、>网页效果如图7-2。图7-2设置窗口的垂直分割2.3窗口的嵌套分割在实际应用中，“厂”字型框架使用极为广泛。“厂”字型的网页就是窗口中包含水平和垂直分割，如图7-3所示，实现“厂”字型框架需要对窗口进行嵌套分割。所谓的嵌套分割是指一个窗口框架还包含了另一个窗口框架。整个框架将用数个标记建立。先用的rows属性对窗口进行上下分割，然后再用cols属性把下面的窗口进行垂直分割，就完成了“厂”字型的框架。实例3.html：

7、ad>网页效果如图7-3。图7-3设置窗口的嵌套分割2.4框架的边框在标记中，可运用border属性控制分割窗口框架的边框。格式：n为整数，代表此窗口框架的宽度，单位为像素(px)。实例4.html：

8、l>