框架的使用介绍

所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可,面所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架如何分割 ,不会显示任何资料,所以不必放入 <BODY> 标记,浏览这框架必须读取这档案 面不是其他框窗的档案。<FRAMESET> 是用来划分框窗,每一窗框由一个 <FRAME> 标 记所标示,<FRAME>必须在 <FRAMESET> 范围中使用。如下例:

<frameset cols="50%,*"> <frame name="hello" src="left.html"> <frame name="hi" src="right.html">
   </frameset>

其中,cols是将框架纵向划分的,rows是将框架横向划分的。*号代表余下的部分。这个代表将页面分成左右两个部分,左边显示left.html,右边显示right.html.这也就说明了<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。这个当初划分的次序是一样的!

 

1.框架集的基本参数:

frameborder="" :设定框架的边框,其值只有 0 1 0 表示不要边框, 1 表示要显示边框。

border="" :设定框架的边框厚度,以 pixels 为单位。 

bordercolor="颜色值" :设定框架的边框颜色。颜色值为六位的十六进制数,也可以是英语单词。  

framespacing="" :表示框架与框架间保留的空白的距离。

 

2.框架集是由多个框架(frame)来组成的,frame的参数有:

SRC="包含的页面路径":设定此框窗中要显示的网页档案名称,每个框窗一定要对应一个网页档案。 

NAME="名称":设定这个框窗的名称,这样才能指定框架来作链接,必须但任意命名。  

frameborder=值:设定框架的边框,其值只有 0 1 0 表示不要边框, 1 表示要边框。  

framespacing="":表示框架与框架间的保留的空白的距离。 

bordercolor="颜色值":设定框架的边框颜色。  

scrolling=" ":设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示卷轴,AUTO 视情况而定。  

Noresize:设定不让使用者可以改变这个框框的大小,如没有设定此参数,使用者可随意地拉动框架改变其 大小。  

marginhight=:表示框架高度部分边缘所保留的空间。 

marginwidth=:表示框架宽度部分边缘所保留的空间。

 

我们在使用框架的时候往往需要配合框架里面的页面来一起使用,如用它来实现现在常见的页面导航效果,这个时候需要在有超链接的页面上指定超链接的target属性,这个target 属性的值就是框架的名称。这样就能实现同一个页面的导航效果了!

 

框架虽然使用方便,但是还是有一些不足的,最典型的应该算是框架的高度不能随内容的增加减少而自动变化,如果需要做到这样的效果,一般的作法是为其添加js脚本。这里以iframe为例:

<div style="float: left; width: 82%;">

<iframe width="100%" frameborder="0" scrolling-x="none" name="frame1" id="frame1"

              height="300" src=""></iframe>//框架代码

</div>   

 

  function ResetHeight() {

      parent.document.all("right").height = parseInt(document.body.scrollHeight) + 10;

   }

 说明:right是指框架的名称

<body onLoad="ResetHeight()">//网页加载自动调用函数

这样就可以做到框架根据内容来做一个相应的高度自动适应了!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值