框架使用笔记

发表于: sitebuild | 作者: | 日期: 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

<NOFRAME>
http://htmlhelp.com/reference/html40/frames/noframes.html

: https://blog.darkmi.com/2008/04/19/129.html

本文相关评论 - 1条评论都没有呢
Post a comment now » 本文目前不可评论

No comments yet.

Sorry, the comment form is closed at this time.