第07篇 窗口框架.ppt

第7章 窗口框架 7.1.1 什么是窗口框架 7.1.2 窗口框架的基本结构 7.1.3 窗口框架的分割方式 7.2.1 框架设置标签frameset 7.2.2 子窗口设置标签frame * * 7.1 窗口框架简介 7.2 窗口框架控制 7.3 定义窗口名称 7.4 浮动窗口 上一页 下一页 目 录 结 束 本 节 7.1 窗口框架简介 上一页 下一页 目 录 结 束 本 节 7.2 窗口框架控制 上一页 下一页 目 录 结 束 本 节 7.1.1 什么是窗口框架 窗口框架可用于将窗口画面分割成多个小窗口，且每个小窗口中，可以显示不同的网页，达到在浏览器中同时浏览不同网页的效果。 当将浏览的画面分割成多个窗口后，各窗口将可以扮演不同的功能。因为有时候，希望把网页做成：一个窗口显示的是目录，另一个窗口显示的是所选取的项目内容，这样，目录不变，项目之间的切换就会快多了。本章将解决这个问题，介绍几个新的标签，用它们书写的HTML文件不但可以在一个屏幕上开多个窗口，而且可以在每个窗口上显示不同的网页内容。这就是HTML中的窗口框架。 上一页 下一页 目 录 结 束 本 节 在介绍窗口框架文档之前，先来看看其应用实例，有一个感性认识，见下图。 7.1.2 窗口框架的基本结构 上一页 下一页 目 录 结 束 本 节 图中的网页做成两个窗口：一个窗口显示的是目录，另一个窗口显示的是所选取的项目内容。 这就是所谓的窗口框架，窗口框架可以生成能独立变化和滚动的窗口，从而能将一个窗口分割为若干个子窗口，在每个子窗口中显示一个HTML文档。 例：测试窗口框架文档，效果如上图。 文件ex7-01.html的源代码 html head title窗口框架文档/title /head frameset cols=179,* frame name=windows1 src=ex7-01-1.html scrolling=auto frame name=windows2 src=ex7-01-2.html /frameset /html 上一页 下一页 目 录 结 束 本 节 现在，再来看看HTML是如何实现窗口框架文档的。框架的基本结构，主要利用frameset标签与frame标签来定义。其中frameset标签用于定义一个窗口框架，frame标签则用于定义窗口框架中的子窗口。 实际上，窗口框架文档的书写格式与一般的HTML文档的书写格式相同，只是用frameset代替body标签，frameset是一个成对标签，有开始和结束标签，在frameset标签内使用了另一个标签frame，用它来指定每一个窗口的内容。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN /TR/xhtml1/DTD/xhtml1-frameset.dtd 注意：框架集的doctype说明 　!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN“ /TR/html4/frameset.dtd 或 上一页 下一页 目 录 结 束 本 节 窗口框架文档HTML的结构如下： html … head/head frameset frame src=url frame src=url /frameset /html 上一页 下一页 目 录 结 束 本 节 7.1.3 窗口框架的分割方式 窗口框架的分割方式可分为两种: 水平分割:通过frameset标签中rows属性来设置 垂直分割:通过frameset标签中cols属性来设置 控制子窗口的属性需要通过frame标签，在frame标签最重要的属性为子窗口的名称（name属性）与要导入的HTML文件的来源（src属性）。 上一页 下一页 目 录 结 束 本 节 框架设置标签frameset标签是成对出现标签，首标签frameset和尾标签/frameset之间的内容就是使用框架的HTML文档主体部分。在使用框架的HTML文档中不能出现body标签，否则会导致web浏览器忽略所有的框架定义而只显示body和/body之间的内容。 frameset标签的作用是将窗口分割为若干个子窗口。 frameset标签主要有rows、cols、border、bordercolor和frameborder五个