网页设计javascript-窗口框架

网页设计javascript-窗口框架

ID:19625616

大小:261.50 KB

页数:44页

时间:2018-10-04

网页设计javascript-窗口框架_第1页
网页设计javascript-窗口框架_第2页
网页设计javascript-窗口框架_第3页
网页设计javascript-窗口框架_第4页
网页设计javascript-窗口框架_第5页
资源描述:

《网页设计javascript-窗口框架》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第8章 窗口框架第8章窗口框架8.1窗口框架简介8.2窗口框架控制8.3FRAME间的链接8.4浮动窗口8.1窗口框架简介窗口框架可用于将窗口画面分割成多个小窗口,且每个小窗口中,可以显示不同的网页,达到在浏览器中同时浏览多个不同网页的效果。8.1.1什么是窗口框架在介绍窗口框架文档之前,先来看看其应用实例,有一个感性认识,见下图。Frameset结构的基本格式......<

2、/frameset>8.1.2窗口框架的基本结构包含Frameset结构的HTML文件文件framePage.htm的源代码窗口框架文档你的浏览器不支持带框架的网页

3、eset>标签用于定义一个窗口框架则用于定义窗口框架中的子窗口窗口框架文档的书写格式与一般的HTML文档的书写格式相同,只是用代替标签,是一个成对标签,有开始和结束标签,在标签内使用了另一个标签,用它来指定每一个窗口的内容。说   明窗口框架的分割方式可分为两种,一种是水平分割(rows属性),另一种是垂直分割(cols属性)。8.1.3窗口框架的分割方式8.2窗口框架控制是成对标签,首标签和尾标

4、签之间的内容是HTML文档主体部分。使用框架的HTML文档中不能出现标签,否则会导致web浏览器忽略所有的框架定义而只显示和之间的内容。标签主要有rows、cols、border、bordercolor和frameborder五个属性。8.2.1框架设置标签frameset1.格式:2.说明:⑴rows说明窗口行分隔情况,cols说明列分隔。⑵各

5、参数值之间用逗号分隔,依次表示各个子窗口的高度(宽度)。一、水平/垂直分割 窗口属性rows/cols⑶rows和cols可以用数字、百分比或剩余值以及这三种方式的混合来表示:①数字:表示子窗口高度(宽度)所占的像素点数。②百分比“%”:表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。一、水平/垂直分割 窗口属性rows/cols③剩余值“*”。表示当前所有窗口设定之后的剩余部分。当符号*只出现一次,即其他子窗口的大小都有明确定义时,表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时,表示按比例分割

6、浏览器窗口的剩余空间。一、水平/垂直分割 窗口属性rows/cols:表示将浏览器窗口分割为3列:第一个子窗口在第一列,窗口宽度为整个浏览器窗口宽度的40%;第二个子窗口在第二列,占浏览器窗口剩余空间的2/3,即其宽度为整个浏览器窗口宽度的40%;第三个子窗口占剩余空间的1/3,宽度为整个浏览器窗口宽度的20%。示例示例:横向与纵向同时分割SimpleFRAMESET

7、s="2*,*">示例:嵌套分割

8、left"src="red.htm">

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。