html中显示多窗口页面

.为什么要使用多窗口??

使用Frames结构设计的HTML文件,能够将整个窗口分成几个独立的小窗口,每一个窗口可分别载入不同的文件,令人高兴的是,每个窗口是可以相互沟通的

.多窗口

(1).基本结构

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

(2).各窗口尺寸的设置

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

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

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

(3).排列窗口

纵向排列多个窗口:
********************************

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

(4).各个窗口之间的合作

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>    显示在整个浏览器窗口

(5).其它属性

<frame frameborder=#> #=yes, no

各窗口边框的设置,yes表示有边框,no表示没有边框

<frame marginwidth=# marginheight=#>
 #的值为像素点

设置各窗口的上下左右边界宽度,如果不设置,由浏览器自动决定。

<frame scrolling=#> #=yes, no, auto

滚动条设置,yes 表示有,no表示没有,auto表示由浏览器自动设置,#=缺省值是 auto

<frame noresize>

noresize属性来设置不可变动的框边

 

 

 

 
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值