六窗口框架的应用

六窗口框架的应用6.1窗口框架的建立例1:将窗口水平分为两部分htmlheadtitle窗体分割/title/headframesetcols=30%,*frameframe/frameset/html说明:1.使用frameset标记时不能加body,若将frameset标记加在body标记中将无法正常使用2.frame标记单个使用,用来定义一个子窗口,有几个frame标记就有几个子窗口3.窗口框架的分割方式有两种,一种是水平分割,一种是垂直分割,主要是frameset标记中的rows属性和cols属性控制窗口的分割方式4.Rows属性的使用方法是framesetrows=“n1,n2,…,*”,其中n1表示子窗口一的高度,以像素或百分比作单位,n2表示子窗口二的高度,以像素或百分比作单位,”*”表示分配给前面所有窗口后剩下的高度,如framesetrows=“20%,30%,*”,则”*”代表50%的高度5.Cols属性的使用方法和rows完全一样例2:将窗口垂直分为三部分htmlheadtitle窗体分割/title/headframesetrows=20%,40%,*frameframeframe/frameset/html例3:窗口的水平及垂直混合分割htmlheadtitle窗口的水平和分割/title/headframesetcols=30%,*frameframesetrows=60%,*frameframe/frameset/html6.2子窗口的边框设置例1:将窗口边框加粗htmlheadtitle窗口框架的粗细/title/headframesetcols=30%,*frameframesetrows=30%,*border=15frameframe/frameset/html说明:格式framesetborder=n,n为一整数,单位像素思考:如何隐藏框架,是否设置border=0就OK?例2:隐藏所有边框htmlheadtitle窗口框架的隐藏/title/headframesetcols=30%,*frameborder=0framesrc=07.htmframesrc=08.htm/frameset/html例3:隐藏子窗口边框htmlheadtitle窗口框架的隐藏/title/headframesetcols=30%,30%,*framesrc=07.htmframesrc=08.htmframeborder=0framesrc=09.htm/frameset/html说明:framesetframeborder=0可以隐藏窗口框架的所有子窗口边框,frameframeborder=0则能控制该标记所代表的子窗口.frameorder=0或1,0代表不显示,1代表显示,不设置则默认显示6.3子窗口的设置例1:在子窗口中插入网页htmlheadtitle图片在分割框中的应用/title/headframesetcols=40%,*framesrc=01.htmframesrc=02.htm/frameset/html说明:在子窗口中显示网页格式framesrc=html文件的位置例2:窗口滚动条的设置htmlheadtitle滚动条的限定/title/headframesetcols=30%,*framesrc=01.htmscrolling=yesframesrc=03.htmscrolling=no/frameset/html说明:设置滚动条framescrolling=yes或no或auto,yes代表显示,no代表不显示,auto代表自动设置,如果不设置则默认为自动设置6.4窗口的导航显示例1:在子窗口中加入显示导航信息的网页htmlheadtitle子窗口的网页连接/title/headframesetcols=30%,*framesrc=04.htmname=menuframesrc=01.htmname=main/frameset/html04.htm的代码如下:htmlheadtitle04/title/headbodyahref=02.htmtarget=main连接一/apahref==main连接二/apahref==main连接三/ap/body/frameset/html02.htm的代码如下:htmlheadtitle02/title/headbodyimgsrc=0004.jpgbr/body/html01.htm的代码如下:htmlheadtitle01/title/headbodyimgsrc=0001.jpgbrimgsrc=0002.jpgbrimgsrc=0004.jpg/body/html例2:在上层窗口中显示网页htmlheadtitle上层的网页显示/title/headframesetcols=20%,*framesrc=2.htmlname=leftframesrc=3.htmlname=right/frameset/html2.htm如下:htmlheadtitle10_1/title/headbody第一个窗口/body/html3.htm代码如下:htmlheadtitle10_2/title/headframesetcols=30%,*framesrc=4.htmlname=leftframesrc=5.htmlname=right/frameset/html4.htm代码如下:htmlheadtitle10_3/title/headbody第二个窗口/body/html5.Htm代码如下:htmlheadtitle10_4/title/headbodyahref==_parent连接一/apahref==_parent连接二/a/body/html6.5神奇的iframe标记利用iframe标记,可以配合表格随意地在网页中的任何位置插入窗口,即在窗口中再创建窗口例1:在iframe窗口中显示所链接的网页htmlheadtitleIFRAME窗口的任意应用/title/headbodyahref==aa央视网站/aahref==aa新浪网站/aahref==aa搜狐网站/apiframewidth=600height=400name=aaframeborder=0/iframe/body/html说明:iframe的属性Width:控制窗口的宽度,数字(像素或百分比单位)height:控制窗口的高度,数字(像素或百分比单位)Frameborder:控制是否显示边框,yes或no或autoScrolling:控制是否显示滚动条,yes或noSrc:设置插入的网页或图片例2:在iframe窗口中直接显示网页htmlheadtitleIFRAME窗口中直接显示网页或图片/title/headbodycenteriframesrc==800height=300frameborder=no/iframepiframesrc=01.htmwidth=800height=100frameborder=yesscrolling=yes/iframepiframesrc=0001.jpgwidth=800height=100frameborder=yesscrolling=yes/iframe/center/body/html例3:在iframe窗口中播放flash文件htmlheadtitle在IFRAME窗口中播放FLASH电影文件/title/headbodycentertabletrtdwidth=50bgcolor=yellow/tdtdiframesrc=viva1.swfwidth=800height=300frameborder=no/iframe/tdtdwidth=50bgcolor=yellow/td/tr/table/center/body/html