在这篇文档中,简单介绍了如何使用框架。一个典型的框架例子如下所示。
<
html
xmlns="http://www.w3.org/1999/xhtml" >
<
head
runat="server">
<title>
无标题页</title>
</
head
>
<frameset language="C#" id="fs_top" dir="ltr" border="2" frameSpacing="1" rows="10%,*" frameBorder="0">
<frame name="Head" border="1" borderColor="#006699" src="Head.aspx" noResize scrolling="no" >
<frameset language="C#" id="fs_bottom" dir="ltr" border="12" frameSpacing="2" frameBorder="1" cols="20%,*">
<frameset rows="100%" border="0" frameSpacing="0" dir="ltr" >
<frame name="Left" src="Left.aspx" target="Main" scrolling="no">
<frameset rows="*" border="0" frameSpacing="0" dir="ltr" >
<frame name="Main" id="Main" src="Main.aspx" border="1" scrolling="auto">
</frameset>
</frameset>
</frameset>
</frameset>
</
html
>
注意,为了能正确的显示框架,请删除新建WEB页面时系统生成的<body></body>标签。
用<frameset></frameset>表示的是页面使用的是框架结构,它的frameSpaceing=
”
1
”
属性是说,在下面的框架中,其距离间隔1。rows=
”
10%,*
”
的意思是,该框架分为了上下2个部分,上面部分占整个能获取的页面大小的15%,下面部分占用剩下的部分(*)。依此类推,如果要分成上,中,下三部分,只需要把rows=
”
10%,*
”
换成rows=
”
上%,中%,下%
”
;
上,中,下分别代表所占的比例。
<
frame
name="Head" border="1" borderColor="#006699" src="Head.aspx" noResize scrolling="no" >
表示的是,框架中的上面部分,该部分的名字是
”
Head
”
,由scrolling=
”
no
”
并且不允许有滚动条。
<
frameset
language="C#" id="fs_bottom" dir="ltr" border="12" frameSpacing="2" frameBorder="1" cols="20%,*">
<frameset rows="100%" border="0" frameSpacing="0" dir="ltr" >
<frame name="Left" src="Left.aspx" target="Main" scrolling="no">
<frameset rows="*" border="0" frameSpacing="0" dir="ltr" >
<frame name="Main" id="Main" src="Main.aspx" border="1" scrolling="auto">
</frameset>
</frameset>
</
frameset
>
上面部分代表整个框架的下面部分。由
<
frameset
language="C#" id="fs_bottom" dir="ltr" border="12" frameSpacing="2" frameBorder="1" cols="20%,*">
知道下面部分又是一个框架,并且占用了剩下的所能获取所有高度,并且由cols="20%,*"可知,下面部分又被分成左右2个部分。其中左面部分占用整个宽度的20%,右面部分占用剩下的宽度。
<
frameset
rows="100%" border="0" frameSpacing="0" dir="ltr" >
<frame name="Left" src="Left.aspx" target="Main" scrolling="no">
表示左面部分;
<
frameset
rows="*" border="0" frameSpacing="0" dir="ltr" >
<frame name="Main" id="Main" src="Main.aspx" border="1" scrolling="auto">
表示右面部分。
以上是整个框架的结构解析。也是经典的上,下(左、右)框架。其他更复杂的框架也可根据相同的道理得出。