frameset和frame的使用方法

来源:互联网 发布:dwg免费加密软件 编辑:程序博客网 时间:2024/04/28 19:22


<frameset> 
   <frame src="url"> 
   <frame src="url"> 
   ... 
</frameset> 

  在有Frames结构的HTML文件中,Frames文件的整体结构为: 

<HTML> 
<HEAD> 
<TITLE></TITLE> 
</HEAD> 

<FRAMESET> 
  <FRAME SRC="url"> 
  <FRAME SRC="url"> 
  ...... 
</FRAMESET> 
</HTML> 

  Framees结构中的每个URL值指定了一个文件(这个文件必须事先做好),这个文件将载入相应的窗口。 


各窗口的尺寸设置 

  我们将窗口分割为几块,横向分用ROWS属性,纵向分用COLS属性,每一块的大小可以由这两个属性的值来实现。 

  <frameset cols=#>  例:<frameset cols="100,200,300"> 
  <frameset rows=#>  例:<frameset rows="10%,20%,70%"> 

  #的值为一对用引号括起来的字符串,字符串中的数字表示每个分窗口所占的尺寸,数字中间用逗号隔开,有几个数字就表示分出了几个窗口。当然,这其中的任何一个数字也可以由“*”来代替,这样表示由浏览器自动设置其大小。 

  如:<frameset cols="100,200,*"> 
    <frameset cols="100,*,*">   将100像素以外的窗口平均分配 
    <frameset cols="*,*,*">    将窗口分为三等份 




纵向排列多个窗口: 

<frameset cols=30%,20%,50%> 
  <frame src="frame/A.html"> 
  <frame src="frame/B.html"> 
  <frame src="frame/C.html"> 
</frameset> 


横向排列多个窗口: 
<frameset rows=25%,25%,50%> 
  <frame src="frame/A.html"> 
  <frame src="frame/B.html"> 
  <frame src="frame/C.html"> 
</frameset> 



纵横排列多个窗口: 

<frameset cols=20%,*> 
  <frame src="frame/A.html"> 
  <frameset rows=40%,*> 
    <frame src="frame/B.html"> 
    <frame src="frame/C.html"> 
  </frameset> 
</frameset> 


各窗口间相互操作(Frame Target) 

  由Frames分出来的几个窗口的内容并不是静止不变的,往往一个窗口的内容随着另一个窗口的要求而不断变化,这就提高了Frames的利用价值。为了完成各窗口之间的相互操作,我们必须为每一个窗口起一个名字,这个名字用属性Name来定义。 

  窗口标识(Frame Name) 

  <frame src=url name=“窗口名”>  例如: <frame src="frame/a.html" name=“left”> 

  定义了窗口名称,还应该有Target来配合使用,Target属性指定了所链接的文件出现在哪一窗口。Target的值可以是name定义的名称,也可以是以下四类值: 

  <a href=url target=_blank>   显示一个新窗口 
  <a href=url target=_self>    显示在同一个窗口 
  <a href=url target=_parent>   显示在Frameset的前一份文件的窗口 
  <a href=url target=_top>    显示在整个浏览器窗口 

例: 

<frameset cols=50%,50%> 
  <frame src="frame/left.htm" name="left"> 
  <frame src="frame/right.htm" name="right"> 
</frameset>


Frame 的其它属性 

<frame frameborder=#> #=yes, no 各窗口边框的设置,yes表示有边框,no表示没有边框 
<frame marginwidth=# marginheight=#> 
 #的值为像素点 设置各窗口的上下左右边界宽度,如果不设置,由浏览器自动决定。 
<frame scrolling=#> #=yes, no, auto 滚动条设置,yes 表示有,no表示没有,auto表示由浏览器自动设置,#=缺省值是 auto 
<frame noresize> noresize属性来设置不可变动的框边 


各窗口边框的设置举例: 

<frameset rows=30%,*> 
<frame src="Acol.html" frameborder=1> 
<frameset cols=30%,*> 
<frame src="Bcol.html" frameborder=0> 
<frame src="Ccol.html" frameborder=0> 
</frameset> 
</frameset> 


示例(A 有边框,B、C 没有) 


页面空白举例: 

<frameset cols=50%,50%> 
<frame src="A.html"> 
<frame src="A.html" 
marginwidth=50 
marginheight=50> 
</frameset>
原创粉丝点击