- 浏览: 876966 次
- 性别:
- 来自: 青岛
最新评论
-
chienchia:
请问下,第4步,vpn做了什么使数据包发送到真实网卡,而不会再 ...
如何使用Android系统自带的VPN服务框架 -
fangyafenqidai:
我只要选第二个就可以呢,怒需要选第一个。之后不会有啥问题。正常 ...
Android Studio 超级简单的打包生成apk -
michaelye1988:
不错,很棒!
getcachedir和getexternalcachedir的区别 -
whlei01:
文章棒棒哒
常用的AS3代码 -
whlei01:
很不错 之前打开及时600M的内存 ,现在打开只有300兆了 ...
flash builder内存不够的解决办法
Frameset参数设置
引用
<Frameset>需要设置一些特定的参数,这些参数直接决定了整个页面的布局,代码如下:
<Frameset border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*>
Frameset参数设置
参 数 说 明
Border 设定框架的边框厚度,以pixels为单位
frameborder 设定是否显示框架的边框,0为不显示,1为显示
FrameSpacing 表示框架与框架之间的距离
BorderColor 设定框架的边框颜色
Row 将文档分为上下的框架,Row后的值可以为数值或百分数,*表示占用余下的空间,数值的个数代表水平分成的框架个数,例如Rows=“210,*,10%”,表示页面分为上中下三个框架页,上边的框架占用210px,下边的框架占用整个文档的10%,余下的空间为中间的框架占用。*是一个相对的概念,例如Row=*,表示页面中没有上下结构的框架布局
Cols 设置同Row
关于Frame参数的设置,代码如下:
<frame name="left" src=" index_manager/admin_left.htm " marginwidth="1" marginheight="1" scrolling="no" frameborder="1" noresize framespacing="2" bordercolor="#cc0000">
Frame参数
参 数 说 明
Name 设定框架的名称,须为英文
Src 设置框架中显示的页面路径和名称,可为相对路径亦可为绝对路径
Marginwidth 表示框架距离左右边缘的距离
Marginheight 表示框架距离上下边缘的距离
Scrollling 设置是否在框架中显示滚动条,yes为显示,no为不显示,auto表示当框架页中内容超过框架的大小时自动显示滚动条
Frameborder 设置是否显示框架的边框,0为不显示,1为显示
Noresize 设定是否可以让使用者改变这个框架的大小,不设置此项可以让浏览者任意拉动框架,改变框架的大小
Framespacing 表示框架与框架之间的距离
Bordercolor 设定框架的边框颜色
Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。
Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入的<Iframe></Iframe>所包含的内容与整个页面是一个整体,而<Frame></Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内容的代码。
如图10.21所示的页面就是应用Iframe在页面上下各创建了分页的链接,上下的代码是一样的,只需在网页中嵌入同一个文件即可,不需要重复代码的编写,本案例的实际效果参看配书光盘中的案例/frame/iframe/see_infomore_iframe.htm。
设置Iframe透明Iframe还有一个更大的好处,就是可以设置框架透明,让框架内的背景和主页面背景一样。在上例操作中,细心的读者会发现这个问题,下面来详细说明如何设置Iframe透明。具体操作步骤如下:
(1)打开配书光盘中的案例/frame/iframe/see_infomore_iframe1.htm。
(2)在浏览器中浏览该页文件,发现在插入Iframe的区域将原来单元格的背景覆盖了,这不是想要的效果。
(3)打开page.htm页面,切换到代码视图,在<body>标记中插入代码如下:
<body style="background-color=transparent">
4)切换see_infomore_iframe1.htm到代码视图,查看页面插入Iframe的单元格的代码如下:
<td height="30" colspan="4" >
<iframe name="main" width="100%" height="30" frameborder="0" border=0 scrolling="no" marginwidth="0" marginheight="0" src="page.htm"></iframe>
</td>
(5)在<Iframe>标记中,插入代码如下:
allowTransparency="true"
(6)此时插入Iframe的单元格代码如下:
<td height="30" colspan="4" >
<iframe name="main" width="100%" height="30" frameborder="0" border=0 scrolling="no" marginwidth="0" marginheight="0" src="page.htm" allowTransparency="true"></iframe></td>
(7)保存page.htm和see_infomore_iframe1.htm两个页面,在浏览器中浏览效果。
<Frameset border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*>
Frameset参数设置
参 数 说 明
Border 设定框架的边框厚度,以pixels为单位
frameborder 设定是否显示框架的边框,0为不显示,1为显示
FrameSpacing 表示框架与框架之间的距离
BorderColor 设定框架的边框颜色
Row 将文档分为上下的框架,Row后的值可以为数值或百分数,*表示占用余下的空间,数值的个数代表水平分成的框架个数,例如Rows=“210,*,10%”,表示页面分为上中下三个框架页,上边的框架占用210px,下边的框架占用整个文档的10%,余下的空间为中间的框架占用。*是一个相对的概念,例如Row=*,表示页面中没有上下结构的框架布局
Cols 设置同Row
引用
关于Frame参数的设置,代码如下:
<frame name="left" src=" index_manager/admin_left.htm " marginwidth="1" marginheight="1" scrolling="no" frameborder="1" noresize framespacing="2" bordercolor="#cc0000">
Frame参数
参 数 说 明
Name 设定框架的名称,须为英文
Src 设置框架中显示的页面路径和名称,可为相对路径亦可为绝对路径
Marginwidth 表示框架距离左右边缘的距离
Marginheight 表示框架距离上下边缘的距离
Scrollling 设置是否在框架中显示滚动条,yes为显示,no为不显示,auto表示当框架页中内容超过框架的大小时自动显示滚动条
Frameborder 设置是否显示框架的边框,0为不显示,1为显示
Noresize 设定是否可以让使用者改变这个框架的大小,不设置此项可以让浏览者任意拉动框架,改变框架的大小
Framespacing 表示框架与框架之间的距离
Bordercolor 设定框架的边框颜色
- Frame与Iframe的区别
Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。
Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入的<Iframe></Iframe>所包含的内容与整个页面是一个整体,而<Frame></Frame>所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内容的代码。
如图10.21所示的页面就是应用Iframe在页面上下各创建了分页的链接,上下的代码是一样的,只需在网页中嵌入同一个文件即可,不需要重复代码的编写,本案例的实际效果参看配书光盘中的案例/frame/iframe/see_infomore_iframe.htm。
设置Iframe透明Iframe还有一个更大的好处,就是可以设置框架透明,让框架内的背景和主页面背景一样。在上例操作中,细心的读者会发现这个问题,下面来详细说明如何设置Iframe透明。具体操作步骤如下:
(1)打开配书光盘中的案例/frame/iframe/see_infomore_iframe1.htm。
(2)在浏览器中浏览该页文件,发现在插入Iframe的区域将原来单元格的背景覆盖了,这不是想要的效果。
(3)打开page.htm页面,切换到代码视图,在<body>标记中插入代码如下:
<body style="background-color=transparent">
4)切换see_infomore_iframe1.htm到代码视图,查看页面插入Iframe的单元格的代码如下:
<td height="30" colspan="4" >
<iframe name="main" width="100%" height="30" frameborder="0" border=0 scrolling="no" marginwidth="0" marginheight="0" src="page.htm"></iframe>
</td>
(5)在<Iframe>标记中,插入代码如下:
allowTransparency="true"
(6)此时插入Iframe的单元格代码如下:
<td height="30" colspan="4" >
<iframe name="main" width="100%" height="30" frameborder="0" border=0 scrolling="no" marginwidth="0" marginheight="0" src="page.htm" allowTransparency="true"></iframe></td>
(7)保存page.htm和see_infomore_iframe1.htm两个页面,在浏览器中浏览效果。
相关推荐
frame,iframe.frameset用法和区别
frame,iframe,frameset用法和区别
里面包含了frameset,frame以及iframe的一些技术的演练,希望对大家有帮助,如果有什么补充或疑问,可以加QQ374053115进行和我讨论交流,互相进步!里面代码均手写,大致功能都已经实现,如果错误欢迎指出!
本文档适合web开发初级者阅读,讲述了常用的frame,iframe,frameset区别和用法,如果你对这些都还不是很清楚,阅读本文档可能对你有用
js 操作 frameset frame iframe对象
页面框架内嵌示例,通过IFRAME与FRAMESET内嵌后不会出现滚动条的问题,以及top跳出框架的问题
frame frameset左右收缩 iframe左右收缩
10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别。 <Frameset></Frameset>用来划分框架,每一个框架由<Frame></Frame>标记。<Frame></Frame>必须在<...
对frameset、frame、iframe的js操作.pdf
多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层
简单明了的实例,代码注释齐全,下载后可以直接使用,对frame,frameset及iframe的使用能够完美的掌握
父框架到子框架的引用、子框架到父框架的引用、兄弟框架间的引用、不同层次框架间的互相引用具体实现如下,有此需求的朋友可以参考下
FRAMESET> <FRAME> <NOFRAMES> <IFRAME> 欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。 亦请先明白围堵标记与空标记的分别请看 【HTML概念】。
由于现在frame和frameset很少使用,已经过时了,已经被div+CSS代替了,所以,这里只是举例说明一下,当下还在使用的内联框架iFrame 所谓的iFrame内联框架,我的理解就是在网页内部嵌套一个网页,并且可以一级一级地...
frame这个标签不知大家注意过没有,它必须放在frameset中使用,而且经常容易和iframe混淆,这里我们就来举例讲解HTML中iframe和frame的区别,需要的朋友可以参考下
JS获取/设置iframe内对象元素、文档的几种方法...以上方法,不仅对iframe适用,对frameset里的frame也同样适用。IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面的标准路
问:想通过在地址栏输入一段JS来设置一下页面里某个FRAME中的IFRAME的URL和里面某个TEXT的值,然后点击提交按钮。注意:页面是其它网站的,不要给出一些改动页面代码的答案。具体情况如下: 主页面.htm: view ...
DOM Frameset DOM IFrame DOM Image DOM Input Button DOM Input Checkbox DOM Input File DOM Input Hidden DOM Input Password DOM Input Radio DOM Input Reset DOM Input Submit DOM Input Text DOM...