HTML框架代码全集

框架可以生成独立变化和滚动的窗口，从而能将一个窗口分割为若干个字窗口在每一个字窗口中显示一个文档我们这回就来看看多文档的基本结构和子窗口之间的交叉链接HTML一，基本结构使用＞＞和区签来定义框架下面我们就来了解一下这HTML vFrameset,vFrame vnoFrames4三个标签的作用和相应的属性

（一），〈〉标签Frameset该标签是框架设计标签，成对使用首尾标签之间的内容就是使用到框架的主体部分在使用框架的HTML文档中不能出现＞标签，否则会导致浏览器忽略所有的框定义而只显示＞和＞之间HTML vbody vbodyv/body的内容〈标签作用是将窗口分割为若干个自窗口，子窗口的数目取决于嵌套在该标签中〈〉标签的书Frameset,Frame目＞标签有两个属性和分别用来确定个子窗口的高度和宽度，格式为vFrameset rowscols,vFrameset rows*值［值2,..・・・.值n＞;＜Framestcols=值1,值2,……值n”＞.各参数之间以逗号分割，依次表示各个自窗口的高度（宽度）这两个属性的参数值可以是数字、百分数或符号“*工下面我们来分别解释一下（）数字表示子窗口高度（宽度）所占的像素点数1（）百分数表示子窗口高度（宽度）占整个浏览器窗口高度（宽度）的百分比（）符号“*当符号*23只出现一次即其他子窗口的大小都有明确的定义时，表示该子窗口的大小将根据浏览器窗口的大小而自动调整当符号*出现一次以上时，表示按比例分割浏览器窗口的剩余空间例如表示将浏览器窗口分割为歹第一个子窗口在第一列，窗口宽度为整个浏览器窗口宽vFrameset cols=40%,3U,度的；第二个子窗口在第二列，占浏览器窗口剩余空间的即其宽度为整个浏览器窗口宽度的第40%2/3,40%,三个子窗口占剩余空间的宽度为整个浏览浏览器窗口宽度的1/3,20%

（二），＞标签用＞标签来标识子窗口＞标签是嵌套在框架设置标签〉vframe HTMLvframe vframevFrameset标签中来使用的单独标签在中定义了多少个子窗口就要有多少个＞标签与之匹配，依次定vFrameset,vframe义各个窗口的性质＞标签有个属性，除属性是不可缺省的外，其他属性都是可选的vframe7SRC（）属性用以定义子窗口的名称1SRC（）属性用于定义子窗口的名称

2.name（）属性该属性的参数值为或当参数值为时，表示该子窗口有边框，为时没有边3frameboder1010框该属性缺省值为1（）属性用以规定子窗口的边框颜色如果在一个以上的＞标签中定义了子窗口的边4bordercolor vframe框颜色，则以第一次指定的颜色为标准在指定边框颜色时，可以使用颜色的代码或直接使用与该颜色RBG想对应的英文单词属性的参数值可以是种颜色中的任意一种bordercolor16（）属性属性的参数值为或之一参数值为时表示该子窗口始终有滚动条为5selling yes,n autoyes no时是始终没有滚动条为时表示当文档的内容超出窗口范围时，浏览器自动为该子窗口添加滚动条auto scolling属性的缺省值为auto.（）和属性这两个属性是用来指定显示内容与窗口边界之间的空白距离大小的6maginwidth marginwidht其中属性用于确定显示内容与左右边界之间的距离；用来确定显示内容与上下边界之maginwidth maginwidht间的距离这两个属性的参数值都是数字分别表示左右边距所占的像素点数三，标签使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息，以免浏览vnoframes者对空白窗口画面感觉莫名其妙标签是成对使用的首尾标签之间的内容就上告之浏览者的信息vnoframes如“如您看到空白的画面说明您的浏览不支持框架显示“虽然常用的两中浏览器旧和都是支持框架显示NC的但为了加强文档的适用性，我们最好还是养成使用这个标签的习惯四，基本结构我们举例说明中框架文档的基本结构HTMLhtmlhead文档标题vtitle v/title/head上值值，值将浏览器窗口分割为个窗口Frameset Cols1,2,n nFrameSRC=

1.htmlframe SRC=

2.html”frame SRC=n.html”/Frameset如果您看到空白的画面，说明您的浏览器是不支持框架机构的其中，标签vnoframes v/noframes vframeseb是可以嵌套使用的，也就是说，可以将其中某一个或几个子窗口划分为若干个更小的窗口例如htmlnFrameset cols=30%,90,*nframe SRC=

1.htmlname=contframe SRC=caipage.gifframe SRC=

2.html/framesetframe SRC=f

2.htmlname=another marginheight=120/frameset您使用的浏览器不支持框架vnoframes v/noframes/html二，目标窗口的交叉链接为了方便用户进行搜索和浏览，我们经常用到一系列锚标组成的索引目录显示在一个子窗口中，而将锚标所指向的内容放在另一个子窗口中显示锚标的子窗口通常被成为”源窗口“，显示目标文档的窗口则称之为“目标窗口，在进行交叉标签的属性定义目标窗口的名称，然后再修改显示在源窗口中的文档在所有的vframe namevA标签中添加语句目标窗口名称”来指定目标文档的显示位置例如连接时，我们必须先用target=/Phtmlhead目标窗口测试页4tlc v/Mtlc/headnframeset cols=30%90*J Jn,Hframe src=f

1.html marginheight=60frameset rows=120,*Hframe src=caipage.gifframe src=

2.html”/frameset,,,frame src=f

2.htmr name=another marginheight=60/frameset您的浏览器不支持框架结构vnoframes v/noframes其中，第一个子窗口是源窗口我们在源窗口的对应文档中定义了一系列锚标，该文档的内容如下:f

1.htmlhtmlbody（说明文档主体内容举重显不«c©nt6r田园风光田园风光PA href=.jpg”target=another”v/AvPM金色秋天A href=qiu.jpg target=another”v/AvP渔哥唱晚A href=tong.html target=another”v/AvP夕阳无限A href=pig.gf target=another”v/AvP/body/html当用户点击锚标“田园风光”后，浏览器将在目标文档显示锚标的连接对象HTML框架代码全集网页框架代码iframe border=0name=lantk src=”要嵌入的网页地址”width=400height=400allowTransparency scrollbars=yes frameBorder=/zO/z/iframe特点是无论使用何种分辨率,它的大小和位置都是不变的我所收集的:〃〃〃〃，zz zz///frameset border=0cols=0,*frameborder=O framespacing=O onload二〃二〃二〃〃〃〃，init onhelpnoHelp onkeydownnoEffect ondragstart=二〃〃〃znoEffectoncontextmenu noContext二〃frame nameoPlus src=noresize〃，zz zframename=oMain src=http://lovelucking.onlybeloved.com〃〉〃〃〃frameborder=0noresize scrolling=auto/frameset

2.右边框架〃〃〃〃〃=//z/frameset cols=*,150frameborder Oborder/0framespacing=0，〃/z z=///zframe src=http://lovelucking.onlybeloved.com namemm frameborder=〃0二〃〃右边网址二〃・〃/z z/frame srchttp:com”name=rightFrame frameborder0〃〃scrolling=N0noresize/frameset

3.上下框架〃〃，〃〃，=//z z/zframeset rows=28,*frameborder N0border=0framespacing=O〃上部网址二〃，，〃//frame src=http:/index.htnT name=dj-play scrollingnonoresize z/z/z/frame src=http://lovelucking,onlybeloved.com name=mainFrame二〃〃scrolling auto/frameset

4.网页内嵌框架，=IFRAME align=middle marginWidth=O vspace=-0marginHeight=O src/http://lovelucking,onlybeloved.com frameBorder=no width=400scrolling=auto height=300X/IFRAME也可以自己修在框架大小〃宽大小〃〃高大小〃〉table width=height=二宽大小二高的大小TD align=middle widthheight X1FRAME name=sucailmarginWidth=0frameSpacing=O marginHeight=O〃所要放的网页的地址〃src=frameBorder=0width=400height=380X/TD/table/IFRAME在当前网页中包含另一个网页=另一个网页地址〉iframe src/iframe

9、网页打开后，隔一定时间自动刷新时间间隔秒〃/Z/ZMETA HTTP-EQUIV=refresh CONTENT^

10、网页打开后，隔一定时间自动跳转到另一页:〃时间间隔秒；另一个网页地址〃〉〃meta http-equiv=Refresh content=url=两个域名同一个空间自动跳转的代码ASP，，，，，//z%if Request.ServerVariablesSERVER_NAME=cdpy.com thenresponse,〃redirect^default.asp else%%end if%，，Z z%if Request.ServerVariables SERVERNAME=www.cdpy.com then〃response.redirect default.asp else%%end if%，Z/Z=//%if Request.ServerVariablesSERVER_NAMExingqiba.com then〃/zresponse.redirect cdhome/default.asp else%%end if%〃二〃〃%if Request.ServerVariables SERVER_NAME www.xingqiba.com then〃/zresponse,redirect cdhome/default.asp else%%end if%二〃・%if Request.ServerVariablesSERVER NAMEblog xingqiba.com then〃〃response,redirect blog/else%中跳转最全代码htmlhtml head二〃〃〉meta name=GENERATOR contentMicrosoft FrontPage

5.0〉meta name=Progid content=FrontPage.Editor.Document”二〃z/meta http-equiv=Content-Type“content text/html;charset=gb2312〈〉正在进入〈/〉title title/headbodyform name=loading〃正在进入，请稍等〃〃〃p align=center fontcolor=#0066ff size=2〃〃////z//z/fontfont color=#0066ff size=2face=Arial.../fontinput type=text name=chart size=46style=font-family:Arial;font-weight:bolder;color:#0066ff;background-color:#fef4d9;〃padding:Opx;border-style:none;input type=text name=percent size=47style=color:#0066ff;〃text-align:center;border-width:medium;border-style:none;script〃〃〃〃var bar=01•var line=var amount=count functioncount{bar=bar+2amount=amount+linedocument,loading,chart,value=amount〃〃document,loading,percent,value=bar+%if bar99，z/z{setTimeoutcount,100;}else〃・・〃{window,location=http://xia7u7cn;}}/script/p/form〉如果您的浏览器不支持跳转，〃〃p align=center astyle=text-decoration:〃请点这里〃zznone“href=http://xia.7u

7.cn^Xfont color=#FF0000/font/a./p/body/html脚本方式如二〃〉script language=javascript“type text/javascript”window,location=index,html’;//一/script的方式html meta如，=meta http-equiv Refreshcontent=0;URL=index.htmT这种方法的好处是可以控制重定向的时间.。