frameset标签的属性及使用

下面我来给大家介绍frame的具体使用方法。 　　　frame作为html语言中的一部分，在网页制作中占据着重要的地位。使用frame必须首先用frameset来定义，在html文档中，可以有frameset元素或者body元素，但不能同时使用这两种元素。 frameset元素的使用： (1) (2) frameset元素的使用 (3) 　　 (4) 　　　　 (5) 　　　　 (6) 　　 (7) frame是frameset定义的每个“网页分框”的定义，其属性name、scrolling及noresize、marginHeight及marginWidth、frameborder也将在下面给大家介绍。 frameset元素的cols及rows属性 ；属性说明：cols及rows的作用是设置frame的宽度及高度 (1) (2) frameset元素中cols及rows属性的使用 (3) 　 (4) 　　　 (5)　　　 (6) 　　　　　 　　　//定义名字，用来引用 (7) 　　　　　 (8) 　　　 (9) (10) 示例说明： 第三行中的语句cols="20%,*" 定义了浏览器中frame的“列数”。20%说明最左边的frame占据整个浏览器宽度的百分比（也可以写像素），*则说明除去左边的frame以外的地方，其余全部留给最右边的frame。第5行是在第一例中再分成两行，第一行大小为30%，剩下的是第二行的大小。 frameset元素的border属性 ；属性说明：设置frame之间的距离，包括3-D边框 (1) (2) frameset元素中border属性的使用 (3) 　　 (4) 　　　　 (5)　　　　 (6) 　　　　 (7) 　　 (8) 示例说明：frame之间的宽度现在为10个像素。 如果定义border属性的值为0，则在浏览器中将不会看到边界。同样，framespacing也可以设定frame之间的宽度，只不过framespacing设定的是附加的空间。 另外：bordercolor属性作用是设定边框的颜色，颜色值为标准RGB颜色值。 frameset元素的scrolling属性及noresize属性 ；属性说明： scrolling:决定frame是否可以使用滚动条 、noresize:决定frame是否可以改变大小 (1) (2) frame元素中scrolling属性及noresize属性的使用 (3) 　　 (4) 　　　　 (5) 　　　　 (6)　　 　　 (7) 　　 (8) 示例说明：左边的frame使用了scrolling=no的属性，则无论需要显示的页面有多大，都不会有滚动条出现。中间的frame使用了noresize=true属性，这用户不能调整frame的大小（大家可以看到以前例子中的frame是可以调整大小的）。最右边的frame使用了scrolling=yes的属性，在这里大家看得不是很清楚，如果需要显示的页面过小，就是说不需要滚动条也能够显示出全部，则此时最右边的frame也是拥有滚动条的。默认情况下，scrolling的值是auto。而noresize是一个布尔型的变量，当为true时，不能改变frame的大小；为false时(默认情况)，可以改变frame的大小。 frameset元素的marginHeight属性及marginWidth属性 属性说明： marginHeight:设定在显示frame中的文字之前文字距离顶部及底部的空白距离 marginWidth:设定在显示frame中的文字之前文字距离左右两边的空白距离 (1) (2) frame元素中marginHeight属性及marginWidth属性的使用 (3) 　　 (4) 　　　　 (5) 　　　　 (6) 　　 (7) 示例说明：左边的框架中文字与上下底边都有60像素的空间空白，与左右两边都有30像素的空间空白。右边的框架没有使用这一属性，所以就没有空间空白。 frameset元素的frameborder属性 属性说明：决定是否在frame中显示边界。可以使用的值有四个，分别是1、0、no、yes。frameborder值为1或者yes，则会显示框线；frameborder值为0或者no，则不会显示框线。frameborder的默认值为1。 浮动框架的制作 浮动框架，就好像一个文档之中又嵌入了一个文档，或者可以说成是一个浮动的frame。制作这样的文档需要用到iframe元素。iframe基本的语法格式如下 需要注意的是iframe与frameset不同，其可以与body元素共同出现在同一篇文档之中。 (1) (2) 浮动框架的使用 (3) (4)　　

浮动框架的使用

---

(5) 　　 (6) 　　

右边显示的是《html语言教程1》中的内容。现在就好像是在这个网页中又嵌入了另外的一个网页。使用的就是iframe元素。这样可以使网页的可视性加强，对于讲解、说明等特定网页十分适合。

(７) (８) 示例说明：iframe的作用就是在网页中标记出一块区域，使得这块区域可以显示其他内容。iframe元素中的各种常用属性，border、frameBoder、marginHeight、marginWidth、scrolling等，与frame中的用法相同，不再重复。 超链接与框架的制作 －－>制作类似于访问邮箱的网页（实例） 首先：我需要说明个部分的html文件，详见下表： HTML文件说明 ： main.htm 主页面，分为左右两个框架 host.htm 左边框架所显示的内容。用于索引文件之用，点击其中不同的链接，右边框架会显示不同的内容。 html语言教程1.htm 在右边框架中准备需要显示的内容 html语言教程2.htm html语言教程3.htm 在这个例子中，在左边的框架中设定了三个超链接。在右边框架中需要显示的就有三个网页。就是说左边框架中的内容是不会变的，右边框架是真正的“显示区域”，其内容根据左边框架中点击超链接的不同而不同。 制作方法： main.htm (1) (2) 超链接与框架的制作 (3)　　 (4) 　　　　 (5)　　 　　 (6) 　　 (7) host.htm －－－－>content是main.htm 中frame的name属性 (1) (2) 超链接与框架的制作 (3) (4) 　　 html语言教程1
(5) 　　 html语言教程2
(6) 　　 html语言教程3 (7) (8) 在左边框架中点击不同的链接，可以看到右边框架会显示不同的内容。同时，可以在“html语言教程1.htm”的最后加入下面的语句： 全屏显示 在项目中用了frameset框架时如果有跳转的内容，直接跳转时将会只跳转一部份，不会整个页面跳转，要想实现整个页面的跳转需要在超链接 中加上target="_parent" eg: 退出系统

转载于:https://www.cnblogs.com/ASPXML/archive/2012/03/01/2375436.html