框架使用笔记

发表于: sitebuild | 作者: darkmi | 日期: 2008/4/19 12:04

窗口框架简介
窗口框架可以将窗口画面分割成都个小窗口，且每个小窗口中，可以显示不同的网页，达到在浏览器中同事浏览不同网页的效果。

当将浏览器分割成多个窗口之后，各个窗口可以扮演不同的功能。举例来说，分割之后的窗口，可以将其中之一作为菜单区域，另外一个窗口则可以作为显示功能页面的工作区域。基于B/S结构的软件在客户端经常会采用类似的设计。

窗口框架的建立
框架的基本结构，主要利用<frameset>和<frame>标签来定义。其中，<frameset>用来定义一个窗口框架组件，而<frame>标签则用于定义窗口框架中的子窗口组件。因此，一组窗口框架的标准格式与语法如下所示：
<frameset>
<frame/>
<frame/>
<frame/>
….
</frameset>

使用<frameset>标签的时候是不能同时使用<body>标签的。对于不支持<frameset>标签的浏览器，可以使用<noframes>标签来包含一些提示文本，而这些提示文本则需要放在<body>标签内。

下面的示例将这个窗口垂直分割成三个子窗口，每个<frame>代表一个分割后的子窗口。
<html>
<frameset cols = “25%, 25%,*”>
<frame src =”1.htm” />
<frame src =”2.htm” />
<frame src =”3.htm” />
</frameset>
</html>

<fameset>的属性设置
cols和rows属性
窗口分割时，用来定义子窗口的大小。cols为垂直分割，rows为水平分割。单位可以为像素、百分比、*。*代表自行分配。

frameborder属性
该属性用来设置框架边框。在默认情况下，框架集中的所有框架及框架集窗口本身都被赋予了一个3D边框。可以通过设置frameborder为0或者no来清除边框，将值设置为1或者yes则可以将边框显示出来。

border属性
该属性用来设置边框的宽度，在IE浏览器中无效，在NetScape浏览器中才会生效。在IE浏览器中是通过framespacing属性设置边框宽度的。

framespacing属性
用来设置边框宽度。

bordercolor属性
用来设置边框颜色。

class、id、style、title属性
同其他大多数标准标签一样，<frameset>包含这四个标准属性。

onLoad、onUnload事件
Javascript的事件处理器。

<frame>标签
<frame>标签只出现在<frameset>标签内。通过使用与它关联的src属性，可以用它来设定文本内容的URL，这些内容最开始就显示在各个框架中。浏览器将框架从左到右一列一列，从上到下一行一行地防止在一个框架集中，因此<frame>标签在<frameset>标签中的顺序和数目很重要。

<frame>的属性设置
src属性
用来设置要在框架中显示的文档的URL。

name和id属性
name属性用来对框架进行标记，以便以后被用于超文本链接（<a>）和<form>标签的target属性所引用。使用这用方法，就可以用一个框架中的链接改变另外一个框架中的内容。
id属性也对框架进行了唯一标识，但浏览器不支持其用于目标重定向。

noresize属性
禁止用户手动改变框架中行或列的大小。使用方式为noresize=”noresize”。

scrolling属性
对于那些内容超出所分配的窗口空间的框架而言，浏览器会显示出垂直和水平的滚动条。通过使用scrolling属性，可以显示的控制滚动条的出现与消失。
scrolling可以设置为yes、no、auto。

marginheight和marginwidth属性
浏览器通常会在框架的边沿和其内容之间留下一小部分间隔。可以使用marginheight和marginwidth属性修改这个间隔的大小。

frameborder和bordercolor属性
可以使用frameborder属性对一个单一的框架添加或者删除边框。
frameborder可以设置的值为yes | no或1 | 0。
bordercolor用来修改单一框架的边框颜色。

<iframe>标签
可以使用<iframe>标签定义一个内联框架。这个<iframe>标签不是用在<frameset>标签内。相反，它可以出现在文档中任何可以出现<img>标签的地方。<iframe>标签在文档中定义了一个矩形的区域，这这个区域里，浏览器会显示一个单独的文档，包括滚动条和边框。

<iframe>标签的属性设置
src属性
用来指定占据这个内联框架的文档的URL。

align属性
同<table>标签的align属性一样，这个内联框架属性使你能够控制内联在相邻文本的什么地方。当使用top、middle、bottom作为其值时，框架将分别对其在相邻文本的顶端、中间或者底部；当使用left、right作为其值时，框架将分别移动到文本流的左边或者右边，并且文档的其余内容会沿着这个框架显示；如果设置为center，可将这个框架放置在显示画面的中间，文本显示在这个框架的上边和下边。

height和width属性
用来设置框架的高度和宽度。

其他属性
<iframe>的其他属性，包括class、frameborder、id、marginheight、marginwidth、name、scrolling、style、title，他们的设置同<frame>标签完全一致。

一些参考链接：
<FRAMESET>
http://www.w3schools.com/tags/tag_frameset.asp
http://htmlhelp.com/reference/html40/frames/frameset.html
http://www.dreamdu.com/xhtml/tag_frameset/
http://www.aspxuexi.com/html/2006-8-6/749.htm
<FRAME>
http://htmlhelp.com/reference/html40/frames/frame.html
http://www.gzsums.edu.cn/webclass/html/frame.html
http://www.blabla.cn/html_tutorials/030_html_frame.html

分类目录

友情链接

收藏链接

框架使用笔记

日志存档