html窗口框架

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