html窗口框架.pptVIP

Chapter 6 窗口框架的应用 什么是框架 在同一个浏览器窗口中同时显示多个网页的交互式结构 通过为超链接指定目标框架，可以为框架之间建立起内容的联系，从而实现页面导航的功能 布局网页－窗口框架 某些网页采用将窗口分割为多个小窗口的方式来布局网页： 建立窗口框架 使用frameset和frame两个标记来建立窗口框架 上页示例源码 html head title窗体分割/title /head frameset cols=30%,* frame frame /frameset /html 垂直分割和水平分割 垂直分割cols=“n1，n2，……*” 取值n1, n2……表示窗口宽度，像素或百分比 * 表示分配给前面所有窗口后剩下的宽度 水平分割rows=“n1, n2, ……*” 取值n1, n2……表示窗口高度，像素或百分比 * 表示分配给前面所有窗口后剩下的高度 示例 1 2 垂直分割和水平分割 通过frameset中cols与rows的配合使用可以产生水平和垂直子窗口的混合显示 …… frameset cols=30%,* frame frameset rows=60%,* frame frame /frameset /frameset …… 窗口的边框 设置子窗口的边框一般可以用两种方法 border 属性 在frameset中使用，单位：像素 frameborder 属性（0或1） 既可以在frameset中使用，又可以在frame中使用 frameset中使用可以控制所有子窗口，frame中使用仅控制当前标记所代表的子窗口 要隐藏边框只能使用frameborder=0 窗口的边框—示例 border设置边框 frameborder隐藏所有边框 frameborder隐藏子窗口边框 设置子窗口—显示内容 在 frame 标记符中使用 src 属性可以指定框架中最初显示的页面 示例 设置子窗口—滚动条 通过scrolling属性可以控制是否显示滚动条 用法：frame scrolling=auto” Scrolling可取值 yes 显示滚动条 no 不显示滚动条 auto 自动设置，默认 导航子窗口 所谓导航子窗口，是指在一个窗口中显示由超链接组成的导航条，控制另一个窗口所要显示的内容 使用标记及属性 frame的name属性，定义子窗口的名字 a中的target属性，定义目标子窗口 导航子窗口 灵活设置子窗口—iframe iframe又称 页内框架，主要用来配合布局表格在网页中任意位置插入窗口，并且可以自由控制窗口大小，十分灵活。 用法： body iframe …… /iframe /body iframe的属性 name 定义窗口的名字 src 定义在窗口中显示的内容来源，可以是flash文件 frameborder 定义窗口之间的边界(0或1) noresize 使窗口的尺寸不变 scrolling 设置滚动条的表示方式(auto, yes, no) height 窗口的高度 width 窗口的宽度 iframe示例 iframe窗口中直接显示网页或图片 Iframe 窗口中播放flash文件 * 窗口一 窗口二 注意： frameset不能与body同时使用 需要分成几个窗口就需要加几个frame 第一列 第二列 2列 主框架网页 …… frameset cols=30%,* frame src=04.htm name=menu frame src=01.htm name=main /frameset /html 导航页 …… body a href=02.htm target=main连接一/ap a href= target=main连接二/ap …… /body …… 示例 5.html 2.html ex10.html父框架，2列 4.html 3.html，2列 a …… target=_parent…/a 上层窗口框架 上层窗口中显示网页