预览加载中，请您耐心等待几秒...

javascript网页设计-窗口框架.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共86页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

第7章窗口框架第7章窗口框架7.1窗口框架简介窗口框架可用于将窗口画面分割成多个小窗口，且每个小窗口中，可以显示不同的网页，达到在浏览器中同时浏览多个不同网页的效果。在介绍窗口框架文档之前，先来看看其应用实例，有一个感性认识，见下图。Frameset结构的基本格式 <frameset><framesrc="url“name=“w1”><framesrc="url“name=“w2”>... <NOFRAMES>...</NOFRAMES> </frameset>包含Frameset结构的HTML文件 <frameset>标签用于定义一个窗口框架 <frame>则用于定义窗口框架中的子窗口 窗口框架文档的书写格式与一般的HTML文档的书写格式相同，只是用<frameset>代替<body>标签，<frameset>是一个成对标签，有开始和结束标签，在<frameset>标签内使用了另一个标签<frame>，用它来指定每一个窗口的内容。窗口框架的分割方式可分为两种，一种是水平分割(rows属性)，另一种是垂直分割(cols属性)。7.2窗口框架控制<frameset>是成对标签，首标签<frameset>和尾标签</frameset>之间的内容是HTML文档主体部分。 使用框架的HTML文档中不能出现<body>标签，否则会导致web浏览器忽略所有的框架定义而只显示<body>和</body>之间的内容。 <frameset>标签主要有rows、cols、border、bordercolor和frameborder五个属性。1．格式： <framesetrows="值1,值2,...值n"> <framesetcols="值1,值2,...值n"> 2．说明： ⑴rows说明窗口行分隔情况，cols说明列分隔。 ⑵各参数值之间用逗号分隔，依次表示各个子窗口的高度（宽度）。⑶rows和cols可以用数字、百分比或剩余值以及这三种方式的混合来表示： ①数字：表示子窗口高度（宽度）所占的像素点数。 ②百分比“%”：表示子窗口高度（宽度）占整个浏览器窗口高度（宽度）的百分比。③剩余值“*”。表示当前所有窗口设定之后的剩余部分。 当符号*只出现一次，即其他子窗口的大小都有明确定义时，表示该子窗口的大小将根据浏览器窗口的大小而自动调整。 当符号*出现一次以上时，表示按比例分割浏览器窗口的剩余空间。：<framesetcols="40%,2*,*"> 表示将浏览器窗口分割为3列： 第一个子窗口在第一列，窗口宽度为整个浏览器窗口宽度的40%； 第二个子窗口在第二列，占浏览器窗口剩余空间的2/3，即其宽度为整个浏览器窗口宽度的40%； 第三个子窗口占剩余空间的1/3，宽度为整个浏览器窗口宽度的20%。示例：横向与纵向同时分割示例：嵌套分割在<frameset>标签中，可运用border属性控制分割窗口的框架的宽度，其语法如下所示： <framesetborder="数值"> 其中的数值代表此窗口框架的宽度，单位为像素。 示例：框架宽度设置在<frameset>标签中，可运用bordercolor属性设置边框的颜色，其语法如下所示： <framesetbordercolor="#"> 其中的#代表此边框的颜色，取值可为RGB代码。示例：框架颜色设置frameborder属性用于控制窗口框架四周，是否显示框架。此属性可使用在<frameset>标签与<frame>标签中，使用在<frameset>标签内时，可控制窗口框架的所有子窗口。使用在<frame>标签时，则仅能控制该标签所代表的子窗口，其语法为： <frmaesetframeborder=0或1> 0代表不显示框线，1代表显示框线，其默认值为1。示例：框的设置每个子窗口均由<frame>标签定义 <frame>是单个的标签，使用时，将它写在<frameset>的开始和结束标签之间，它主要有六个属性：src、name、marginwidth、marginheight、scrolling和noresize。src属性是用于指定要导入到该子窗口的HTML文件，其语法如下所示： <framesrc="url"> 如果一个<frame>标签中没有src属性，则该窗口显示为空。 name属性是用来指定窗口的名称，此属性是可选的。当完成定义子窗口的名称后，我们便可在超链接中，指定显示网页的子窗口。其语法如下所示： <framename="子窗口名称">scrolling属性用于描述该窗口是否有滚动条。该属性是可选的。其设置语法如下： <framescrolling=yes或no或auto> 各设置值所代表的意义依序为显示、不显示、自动设置，默认值是auto。 noresize属性是一个标志，没有取值。它说