扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别。
在上面的例子当中,
注意:标记的框架顺序为从左至右或从上到下。
两者的差别如下:
●
● 用以设置组成框架集中各个框架的属性。
10.4.2 Frameset参数设置
关于上段代码的各项参数设置及其含义如表10.3所示。
表10.3 Frameset参数
参 数
说 明
Border
设定框架的边框厚度,以pixels为单位
frameborder
设定是否显示框架的边框,0为不显示,1为显示
FrameSpacing
表示框架与框架之间的距离
BorderColor
设定框架的边框颜色
Row
将文档分为上下的框架,Row后的值可以为数值或百分数,*表示占用余下的空间,数值的个数代表水平分成的框架个数,例如Rows=“210,*,10%”,表示页面分为上中下三个框架页,上边的框架占用210px,下边的框架占用整个文档的10%,余下的空间为中间的框架占用。*是一个相对的概念,例如Row=*,表示页面中没有上下结构的框架布局
Cols
设置同Row
关于Frame参数的设置,代码如下:
如表10.4所示。
表10.4 Frame参数
Name
设定框架的名称,须为英文
Src
设置框架中显示的页面路径和名称,可为相对路径亦可为绝对路径
Marginwidth
表示框架距离左右边缘的距离
Marginheight
表示框架距离上下边缘的距离
Scrollling
设置是否在框架中显示滚动条,yes为显示,no为不显示,auto表示当框架页中内容超过框架的大小时自动显示滚动条
Frameborder
设置是否显示框架的边框,0为不显示,1为显示
Noresize
设定是否可以让使用者改变这个框架的大小,不设置此项可以让浏览者任意拉动框架,改变框架的大小
Framespacing
Bordercolor
Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。
Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入的所包含的内容与整个页面是一个整体,而所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内容的代码。
如图10.21所示的页面就是应用Iframe在页面上下各创建了分页的链接,上下的代码是一样的,只需在网页中嵌入同一个文件即可,不需要重复代码的编写,本案例的实际效果参看配书光盘中的案例/frame/iframe/see_infomore_iframe.htm。
Iframe还有一个更大的好处,就是可以设置框架透明,让框架内的背景和主页面背景一样。在上例操作中,细心的读者会发现这个问题,下面来详细说明如何设置Iframe透明。具体操作步骤如下:
(1)打开配书光盘中的案例/frame/iframe/see_infomore_iframe1.htm。
(2)在浏览器中浏览该页文件,发现在插入Iframe的区域将原来单元格的背景覆盖了,这不是想要的效果。
(3)打开page.htm页面,切换到代码视图,在
图10.21 应用Iframe创建翻页
(4)切换see_infomore_iframe1.htm到代码视图,查看页面插入Iframe的单元格的代码如下:
(5)在标记中,
上段代码的各项参数设置及其含义
allowTransparency="true"
(6)此时插入Iframe的单元格代码如下:
(7)保存page.htm和see_infomore_iframe1.htm两个页面,在浏览器中浏览效果。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1
| 本站CDN由 数掘科技 提供
精品班
立即咨询
微信沟通
QQ群
优惠券
返回顶部