框架知识.docVIP

Frameset使用教程 (2010-11-25 18:10:54) 转载 标签： 分类： frame，是网页开发必须掌握的知识。例如后台架构、局部刷新，页面分割，都是frame的用途表现，尤其是后台页面制作，使用frame会给用户带来非常舒适的使用感受。 frame知识点包括（frameset标签、frame标签、iframe标签）。下面就对其一一介绍。 ? 一、frameset 1. 属性 border 设置框架的边框粗细。 bordercolor 设置框架的边框颜色。 frameborder 设置是否显示框架边框。设定值只有0、1；0 表示不要边框，1 表示要显示边框。 cols 纵向分割页面。其数值表示方法有三种：“30%、30（或者30px）、*”；数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%；“30”表示该区域横向宽度为30像素；“*”表示该区域占用余下页面空间。例如：cols=25%,200,* 表示将页面分为三部分，左面部分占页面30%，中间横向宽度为200像素，页面余下的作为右面部分。 rows 横向分割页面。数值表示方法与意义与cols相同。 framespacing 设置框架与框架间的保留的空白距离。 2. 用例 frameset cols=213,* frameborder=no border=0 framespacing=0 注意1： cols与rows两属性尽量不要同在一个frameset标签中使用。若要实现下图架构，代码正确写法为： frameset rows=59,* cols=* frameborder=no border=0 framespacing=0 ? frame src=??? name=topFrame scrolling=No noresize=noresize id=topFrame/ ? frameset cols=213,* frameborder=no border=0 framespacing=0 ??? frame src=??? name=leftFrame scrolling=No noresize=noresize id=leftFrame/ ??? frame src=??? name=mainFrame id=mainFrame/ 【即，若想即使用cols又使用rows，可利用frameset嵌套实现】 注意2： frameset cols=40%,*,* 意思是：第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。 frameset cols=*,*,*,* 意思是：浏览器窗口等分为四部分。 ? 二、frame 1. 属性 ①name 设置框架名称。此为必须设置的属性。 src 设置此框架要显示的网页名称或路径。此为必须设置的属性。 scrolling 设置是否要显示滚动条。设定值为auto, yes, no。 bordercolor 设置框架的边框颜色。 frameborder 设置是否显示框架边框。设定值只有0、1；0 表示不要边框，1 表示要显示边框。 noresize 设置框架大小是否能手动调节。 marginwidth 设置框架边界和其中内容之间的宽度。 marginhight 设置框架边界和其中内容之间的高度。 width 设置框架宽度。 height 设置框架高度。 2. 用例 frame src=??? name=topFrame scrolling=No noresize=noresize marginwidth=10 marginhight=10?width=400 height=800 / ? 三、iframe 是浮动的框架（frame），其常用属性与frame类似，其他的主要有以下（相同的就不列举了） 1. 属性 align 设置垂直或水平对齐方式 allowTransparency 设置或获取对象是否可为透明。 2. 用例 iframe name=123 align=middle marginwidth=0 marginheight=0?src=????frameborder=0 scrolling=no width=776?height=2500/iframe 注意： iframe标签与frameset、frame标签的验证方法不同，是XHTML 1.0 Transitional。且iframe是放在body标签之内，而frameset、frame是放在body标签之外。 ? 四、综合示例 html head title综合示例/title /head frameset cols=25%,* frame src=menu.htm scr