《使用框架结构PPT课件》由会员分享，可在线阅读，更多相关《使用框架结构PPT课件（38页珍藏版）》请在金锄头文库上搜索。
1、第第1212章章 使用框架结构使用框架结构1本章目本章目标标：什么是框架什么是框架框架集框架集标记框架框架标记不支持框架不支持框架标记浮浮动框架框架框架与框架与链接接12.1 什么是框架什么是框架1、作用：、作用： 就是把就是把浏览器窗口划分器窗口划分为若干个若干个区域，每个区域可以分区域，每个区域可以分别显示不同的示不同的网网页。2、目的：、目的：创建建页面面导航。航。 框架主要包括两部分，一个是框架集，框架主要包括两部分，一个是框架集，另一个就是框架。另一个就是框架。 框架集框架集：就是在一个文档内定：就是在一个文档内定义一一组框框架架结构的构的HTML网网页。框架集定。框架集定义了在一个
2、了在一个窗口中窗口中显示的框架数、框架的尺寸、示的框架数、框架的尺寸、载入到入到框架的网框架的网页等。等。 框架框架：就是指在网：就是指在网页上定上定义的一个的一个显示示区域。区域。12.2 框架集框架集标记标记 基本框架代基本框架代码 页页面代面代码码：1、左右分割窗口、左右分割窗口2、上下分割窗口、上下分割窗口3、嵌套分割窗口、嵌套分割窗口框架的分割方式框架的分割方式1、基本、基本语法：法： 2、语法解法解释： value为定定义各个框架的各个框架的宽度度值，单位可以是位可以是像素，也可以是百分比。像素，也可以是百分比。 3、文件范例：、文件范例：12.2.1 左右分割窗口属性左右分割窗口
3、属性COLS1、基本、基本语法：法： 2、语法解法解释： value为定定义各个框架的高度各个框架的高度值，单位可以是位可以是像素，也可以是百分比。像素，也可以是百分比。 3、文件范例：、文件范例：12.2.2 上下分割窗口属性上下分割窗口属性ROWS1、基本、基本语法：法： 12.2.3 嵌套分割窗口嵌套分割窗口2、语法解法解释： 上述代上述代码先将框架按照行先将框架按照行进行上下分割，然行上下分割，然后在第二个框架中后在第二个框架中进行按照列的左右分割。行按照列的左右分割。 3、文件范例：、文件范例：12.2.3 嵌套分割窗口嵌套分割窗口1、基本、基本语法：法： 2、语法解法解释： 设定框
4、架集的定框架集的边框框宽度，度，单位位为像素。像素。 3、文件范例：、文件范例：12.2.4 框架集框架集边框框宽度属性度属性FrameSpacing1、基本、基本语法：法： 2、语法解法解释： 设定框架集的定框架集的边框框颜色。色。 3、文件范例：、文件范例：12.2.5 框架集框架集边框框颜色属性色属性BorderColor总结：框架集属性：框架集属性属性属性值描描 述述cols左右分割左右分割rows上下分割上下分割framespacing边框框宽度度bordercolor边框框颜色色 每一个框架都有一个每一个框架都有一个显示的示的页面，面，这个个页面文件称面文件称为框架框架页面面。通。
5、通过标记可以定可以定义框架框架页面的内容。面的内容。12.3 框架框架标记标记1、基本、基本语法：法： 2、语法解法解释： 通通过SRC属性属性设置框架置框架显示的文件路径。示的文件路径。3、文件范例：、文件范例：12.3.1 框架框架页页面源文件属性面源文件属性SRC1、基本、基本语法：法： 2、语法解法解释： 设定框架定框架页面的名称。面的名称。3、文件范例：、文件范例：12.3.2 框架名称属性框架名称属性NAME框架命名规则：必须是单个单词，允许使用下划线，框架命名规则：必须是单个单词，允许使用下划线，但不允许使用连字符，句号和空格。框架名称必须但不允许使用连字符，句号和空格。框架名称
6、必须以字母起始，而不能以数字起始。框架名称区分大以字母起始，而不能以数字起始。框架名称区分大小写。不要使用小写。不要使用JavaScript中的保留字作为框架中的保留字作为框架名称。名称。1、基本、基本语法：法： 2、语法解法解释： value取取值为0或或1，0为不不显示示边框，框，1为显示示边框。框。3、文件范例：、文件范例：12.3.3 框架框架边框框显示属性示属性FrameBorder1、基本、基本语法：法： 2、语法解法解释： value取取值见下表。下表。3、文件范例：、文件范例：12.3.4 框架框架滚动滚动条条显显示属性示属性scrolling框架框架滚动条条显示属性示属性值S
7、crolling属性属性值描描 述述yes显示示滚动条条no不不显示示滚动条条auto根据根据页面的面的长度自度自动判断是否判断是否显示示滚动条条1、基本、基本语法：法： 2、语法解法解释： noresize代表禁止改代表禁止改变框架的尺寸大小。框架的尺寸大小。3、文件范例：、文件范例：12.3.5 框架尺寸框架尺寸调调整属性整属性noresize1、基本、基本语法：法： 2、语法解法解释： 设定框架的左右定框架的左右边缘宽度。度。3、文件范例：、文件范例：12.3.6 框架框架边缘宽度属性度属性MarginWidth1、基本、基本语法：法： 2、语法解法解释： 设定框架的上下定框架的上下边缘
8、高度。高度。3、文件范例：、文件范例：12.3.7 框架框架边缘高度属性高度属性MarginHeight总结：框架属性：框架属性属性属性值描描 述述src源文件属性源文件属性name框架名称属性框架名称属性frameborder框架框架边框框显示属性示属性scrolling框架框架滚动条条显示属性示属性noresize框架尺寸框架尺寸调整属性整属性marginwidth框架框架边缘宽度属性度属性marginheight框架框架边缘高度属性高度属性1、基本、基本语法：法： 12.4 不支持框架不支持框架标记标记2、语法解法解释： 放在放在标记之之间的部分就是在不支的部分就是在不支持框架的持框架的
9、浏览器中器中显示的内容，也就是示的内容，也就是标记中的内容。中的内容。3、文件范例：、文件范例：12.4 不支持框架不支持框架标记标记1、基本、基本语法：法： 2、语法解法解释： 属性的含属性的含义见下表。下表。12.5 浮浮动动框架框架浮动框架是一种特殊的框架页面，在浏览器窗口中浮动框架是一种特殊的框架页面，在浏览器窗口中可以嵌套子窗口，在其中显示页面的内容。可以嵌套子窗口，在其中显示页面的内容。标记属性属性属属 性性值描描 述述src浮浮动框架中框架中显示示页面源文件的路径面源文件的路径width浮浮动框架的框架的宽度度height浮浮动框架的高度框架的高度name浮浮动框架的名称框架的名
10、称align浮浮动框架的排列方式框架的排列方式(left center right)frameborder 框架框架边框框显示属性示属性scrolling框架框架滚动条条显示属性示属性MarginWidth 框架框架边缘宽度属性度属性MarginHeight框架框架边缘高度属性高度属性1、基本、基本语法：法： 2、语法解法解释： 通通过src属性属性设置浮置浮动框架框架显示的文件路径。示的文件路径。3、文件范例：、文件范例：12.5.1 浮浮动框架的框架的SRC属性属性1、基本、基本语法：法： 2、语法解法解释： 通通过width和和height属性属性设置浮置浮动框架框架显示示的的宽度和高度
11、。度和高度。3、文件范例：、文件范例：12.5.2 浮浮动框架的框架的width和和height属属性性1、基本、基本语法：法： 2、语法解法解释： 设定浮定浮动框架的名称，命名框架的名称，命名规则同框架的同框架的name属性。属性。3、文件范例：、文件范例：12.5.3 浮浮动框架名称属性框架名称属性NAME1、基本、基本语法：法： 2、语法解法解释： value取取值为0或或1，0为不不显示示边框，框，1为显示示边框。框。3、文件范例：、文件范例：12.5.4 浮浮动框架框架边框框显示属性示属性frameborder1、基本、基本语法：法： 2、语法解法解释： 设定浮定浮动滚动条的条的显示
12、，示，value取取值见下表。下表。3、文件范例：、文件范例：12.5.5 浮浮动框架框架滚动条条显示属性示属性scrolling框架框架滚动条条显示属性示属性值scrolling属属 性性值描描 述述Yes显示示滚动条条No不不显示示滚动条条ruto根据根据页面的面的长度自度自动判断是判断是否否显示示滚动条条1、基本、基本语法：法： 2、语法解法解释： 设定浮定浮动的的边缘宽度。度。3、文件范例：、文件范例：12.5.6 浮浮动框架框架边缘宽度属性度属性MarginWidth1、基本、基本语法：法： 2、语法解法解释： 设定浮定浮动的的边缘高度。高度。3、文件范例：、文件范例：12.5.7 浮浮动框架框架边缘高度属性高度属性MarginHeight1、基本、基本语法：法： 2、语法解法解释： value取取值为left、center、right。3、文件范例：、文件范例：12.5.8 浮浮动框架框架对齐属性属性align 1、普通框架与、普通框架与链接接 2、浮、浮动框架与框架与链接接12.6 框架与框架与链接接文件范例文件范例作作业业：P304页 1、2、3
