页面的分框显示

1、如果要做一个很大的页面，所有的页面元素不可如果要做一个很大的页面，所有的页面元素不可能放在一个页面中，这样让人总有种凌乱和没有层能放在一个页面中，这样让人总有种凌乱和没有层次的感觉，而如果将不同的内容放在不同的窗体中，次的感觉，而如果将不同的内容放在不同的窗体中，效果会如何呢？另外，在某些时候，当我们需要将效果会如何呢？另外，在某些时候，当我们需要将几个文档进行比较时，总是很烦于在几个窗口之间几个文档进行比较时，总是很烦于在几个窗口之间换来换去，如果将其放置于同一个大窗口的几栏中换来换去，如果将其放置于同一个大窗口的几栏中进行直接比较，就很方便了。如果要做到这一效果，进行直接比较，就很方便了。

2、如果要做到这一效果，我们必须使用框架技术。框架将画面分成数个小窗我们必须使用框架技术。框架将画面分成数个小窗口，而各个小窗口中，又可以显示不同的页面，达口，而各个小窗口中，又可以显示不同的页面，达到在浏览器中同时浏览不同网页的效果。到在浏览器中同时浏览不同网页的效果。当用户将一个浏览器画面分割成数个窗口后，各窗口当用户将一个浏览器画面分割成数个窗口后，各窗口将扮演不同的功能。举例来说，分割后的窗口，可以运用将扮演不同的功能。举例来说，分割后的窗口，可以运用其中一个作为主要显示网页内容的主画面，而另一个则作其中一个作为主要显示网页内容的主画面，而另一个则作为菜单，控制主画面中显示的网页。这样的设

3、计显然比起为菜单，控制主画面中显示的网页。这样的设计显然比起单一个窗口的网页设计来得人性化，用户也可以在数个网单一个窗口的网页设计来得人性化，用户也可以在数个网页间任意切换。页间任意切换。将整个浏览器分割的窗口框架，主要利用将整个浏览器分割的窗口框架，主要利用标标记和记和标记来定义。其中标记来定义。其中标记用于定义标记用于定义一个窗口框架组件，而一个窗口框架组件，而标记用于定义窗口框架中标记用于定义窗口框架中某个子窗口组件。因此，一组窗口框架的标准格式如下：某个子窗口组件。因此，一组窗口框架的标准格式如下：但是注意，有但是注意，有标记所定义的窗口框架标记所定义的窗口框架组件，相当于组件，相当于

4、标记所定义的文件主题组件，标记所定义的文件主题组件，因此因此标记不可包含在标记不可包含在标记中，标记中，否则，否则，标记将会无法正常作用。因此，标记将会无法正常作用。因此，运用运用标记建立窗口框架时，仅可包含于标记建立窗口框架时，仅可包含于标记中。而用于定义窗口的标记中。而用于定义窗口的标记，标记，并没有结束标记，该标记的使用方式，仅为在标并没有结束标记，该标记的使用方式，仅为在标记中通过各种属性的设定，以控制所代表的窗口记中通过各种属性的设定，以控制所代表的窗口框。框。1.标记标记2.标记标记3.创建一个简单的框架创建一个简单的框架4.框架的特殊效果框架的特殊效果标记的属性有：标记的属性有：

5、1.Cols属性属性cols=像素值像素值以像素值表示此框架的宽度。或：以像素值表示此框架的宽度。或：Cols=n%N为整数，表示将所列页面按纵向窗口排列，各个窗口按所设定为整数，表示将所列页面按纵向窗口排列，各个窗口按所设定的百分之的百分之n比例在页面上排列。比例在页面上排列。2.Rows属性属性与与cols的用法完全一致，有两种方式表示。的用法完全一致，有两种方式表示。Rows=像素值像素值以像素值表示此框架的高度。以像素值表示此框架的高度。Rows=n%N为整数，表示将所列页面按横向窗口排列，各个窗口按所设定为整数，表示将所列页面按横向窗口排列，各个窗口按所设定的百分之的百分之n比例在页

6、面上排列。比例在页面上排列。3.Bordercolor属性属性Bordercolor=#rrggbb属于窗口的外部属性，表示窗口框架的颜色。其属于窗口的外部属性，表示窗口框架的颜色。其中颜色设置与以前学习的设置方法一样。中颜色设置与以前学习的设置方法一样。4.Framespacing属性属性Framespacing=nN为整数，属于窗口的外部属性，表示所以窗口为整数，属于窗口的外部属性，表示所以窗口的边界所设定的整数（即的边界所设定的整数（即n）个空白间隔符。）个空白间隔符。使用使用标记的属性值，可以将窗口横向标记的属性值，可以将窗口横向分成几部分，也可以纵向分成几部分，还可以混分成几部分，也

7、可以纵向分成几部分，还可以混合分框。合分框。1.Name属性属性Name是一个可选项，它给框架指定一个名字，是一个可选项，它给框架指定一个名字，使得框架能被其他的文档或链接所使用。所有的使得框架能被其他的文档或链接所使用。所有的名字都必须由一个字母或数字开始。另外，也可名字都必须由一个字母或数字开始。另外，也可以设置成下述名字：以设置成下述名字：Blank：总是将这个链接载入新的未命名的窗口：总是将这个链接载入新的未命名的窗口Self：总是将这个链接载入它自身。：总是将这个链接载入它自身。parent：总是将这个链接载入到它的父窗口，若：总是将这个链接载入到它的父窗口，若没有父窗口，则载入其自

8、身。没有父窗口，则载入其自身。top：通常装载这个链接到最高水平，若已在最：通常装载这个链接到最高水平，若已在最高水平，则装载到它自身。高水平，则装载到它自身。2.Marginwidth属性属性Marginwidth=n（n为整数）为整数）3.Marginheight属性属性Marginheight=n（n为整数）为整数）窗口的内部属性，与窗口的内部属性，与marginwidth一样，只是它一样，只是它控制的是框架上、下的页边距。控制的是框架上、下的页边距。4.Frameborder属性属性Frameborder=yes/no属性窗口的内部属性，表示窗口是否需要边框属性窗口的内部属性，表示窗口

9、是否需要边框（1为为yes，0为为no）。）。5.Scrolling属性属性Scrooling=yes/no/auto属于窗口的内部属性，表示窗口是否需要滚动条属于窗口的内部属性，表示窗口是否需要滚动条（默认为（默认为auto）。当设置为）。当设置为yes时，表示框架始终时，表示框架始终都有滚动条，值都有滚动条，值no则表明不要滚动条，而值则表明不要滚动条，而值auto则则意味着当需要时自动添上滚动条。意味着当需要时自动添上滚动条。6.Noresize属性属性如果此属性出现在标记语句中，那么用户将不可如果此属性出现在标记语句中，那么用户将不可能再改变框架的大小。如果缺省，则框架的大小能再改变框

10、架的大小。如果缺省，则框架的大小可以改变。可以改变。横向分框显示效果横向分框显示效果混合分框显示效果混合分框显示效果以混合框架为例，创建框架的一般步骤以混合框架为例，创建框架的一般步骤1.为各个窗口框架准备好要显示的页面为各个窗口框架准备好要显示的页面2.创建框架集文件创建框架集文件实例：实例：1.html1.去掉框架去掉框架使用使用target可以建立一个从某个框架到一个框架上的页的链接。可以建立一个从某个框架到一个框架上的页的链接。此属性附属于此属性附属于标记。其中标记。其中target是一个框架的是一个框架的名字（像在标记名字（像在标记中使用的中使用的name属性一样），或者可以设置属性

11、一样），或者可以设置成如下表中的值。成如下表中的值。值值意义意义_top使用使用href中指定的中指定的url装载入整个浏览器窗口，因而将去掉任何框架装载入整个浏览器窗口，因而将去掉任何框架_parent使用使用href中指定的中指定的url装载入框架集的父框架中装载入框架集的父框架中_self使用使用href中指定的中指定的url装载到当前窗口装载到当前窗口_blank使用使用href中指定的中指定的url装载入一个新的未命名的浏览器窗口装载入一个新的未命名的浏览器窗口建立从框架到不在框架的文档上的链接的一般步建立从框架到不在框架的文档上的链接的一般步骤：骤：1.建立一个包含框架的文档。建立

12、一个包含框架的文档。2.在其中的框架中加入在其中的框架中加入标记标记3.设置设置target属性。属性。显示文本显示文本4.保存文档查看效果保存文档查看效果实例：实例：1.html2.使用一个框架索引另一个显示详细信息的框架使用一个框架索引另一个显示详细信息的框架在上面创建一个简单框架的实例中，我们学习了在上面创建一个简单框架的实例中，我们学习了将将web页分成页分成3部分的技术。平时我们常常能看到部分的技术。平时我们常常能看到一些网页使用框架将浏览器分成两部分，其中一一些网页使用框架将浏览器分成两部分，其中一部分包含一个索引或一张表，给养护一些选项，部分包含一个索引或一张表，给养护一些选项，

13、另一部分则根据用户在前一部分的选择显示相应另一部分则根据用户在前一部分的选择显示相应的信息。的信息。实例：实例：2.html（本例采用最简单的两个框架的布（本例采用最简单的两个框架的布局，左边的框架拥有一个索引，右边的框架则是局，左边的框架拥有一个索引，右边的框架则是显示用户在左边框架中选择的结果）显示用户在左边框架中选择的结果）3.如何在页面中建立一个浮动的框架如何在页面中建立一个浮动的框架所谓浮动的框架，就是能像对待一个图像一样去对待所谓浮动的框架，就是能像对待一个图像一样去对待框架，即可以将之内嵌到文档中去。框架，即可以将之内嵌到文档中去。在在html中，这是通过中，这是通过标记来实标记

14、来实现的。当浏览器遇到一组现的。当浏览器遇到一组标记时，标记时，它建立一个框架并将它建立一个框架并将src中指定的文件装载到框架中。中指定的文件装载到框架中。标记的属性如下：标记的属性如下：Align=left|center|rightFrameborder=1|0(1表示有边框表示有边框)height、width、marginheight、marginwidth、name=“在在target要用的名字要用的名字”、src=“url”Scrolling=“yes|no”实例：实例：iframe.html(使用使用iframe)4.框架边框的控制框架边框的控制对于框架边界而言，既可以不要它，也可以设置对于框架边界而言，既