当前位置:Home > HTML > “.关于frameset,frames、

“.关于frameset,frames、1,804 views

 一、Frames结构的基本格式 
     <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>    显示在整个浏览器窗口

四、Frame 的其它属性 

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

     <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>

     页面空白举例:

     <frameset cols=50%,50%>
     <frame src=”A.html”>
     <frame src=”A.html” marginwidth=50 marginheight=50>
     </frameset>

声明: 本文采用署名-非商业性使用-相同方式共享协议进行授权. 转载请注明转自:PIZn

1 ResponseLeave a comment

  1. 哥依然是沙发。。。。文章不错。。不要迷恋哥。。。

Leave a Reply