iframe与frameset(转载)
frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里
frameset 它称为框架标记,是用来告知HTML文件是框架模式,并且设定可视窗口怎么分割
fram 它只是设定某一个框架窗口中的参数属性
iframe 它是在一个页面中嵌入一个框架窗口
frameset的属性
1、cols 它是把整个画面竖向分割成几个画面
2、rows 它是把整个画面横向分割成几个画面
3、frameborder 它表示设定这个框架的边框值。它的值只有两个0或者1.0表示不显示边框,1表示显示边框。
4、border 它表示了边框的宽度
5、bordercolor 它是设定了框架边框的颜色
frame的属性
1、src 指在此框架窗口中要显示的网页档案的链接
2、name 指这个框架窗口的名称
3、framespacing 指框架和框架之间保留的空白的距离
4、scrlling 指该框架窗口是否要显示滚动条
6、noresize 指框架的尺寸不能被随意拖动,改变大小
7、marginheight 指框架顶部和底部边缘所保留的空间的大小
8、marginwidth 指框架左右两边边缘所保留的空间的大小。
frameset和frame标签必须在一起使用
frame有一个重要的值是target,它表示在指定的框架中打开网页
而target有四个值
1、blank 它表示在一个新的窗口中打开链接网页
2、top 它表示在本窗口中打开链接网页
3、parent 在上一层的框架中打开链接网页
4、self 在超链接中打开链接网页
target是在编写导航时肯定会用到的
noframes 指当浏览器完全显示不出这个框架时,页面就会显示出<noframes></noframes>内的内容。
iframe的属性
1、name 是框架窗口的名称
2、align 是框架窗口中内容的对其方式
3、width 是框架窗口的宽,单位是pixels
4、height 是框架窗口的长,单位是pixels
5、marginwidth 是插入的文件和框架左右边缘所保留的空间
6、marginheight 是插入的文件和框架上下边缘所保留的空间
7、frameborder 是指是否显示边框。1表示显示边框,0表示不显示边框
8、scrolling 是指是否允许使用滚动条。
利用frameset和frame可以把网页制作成所需要的不同大小的框架,可以用来布局。
iframe则是把一些网页嵌入到当前网页中,达到所需要的效果。
frame和iframe的区别
1、frame不能脱离frameSet单独使用,iframe可以;
2、frame不能放在body中;如下可以正常显示:
<frameset rows="50%,*">
<frame name="frame1"
src="test1.htm"/>
<frame name="frame2"
src="test2.htm"/>
</frameset>
<!--<body>-->
如下不能正常显示:
<frameset rows="50%,*">
<frame name="frame1"
src="test1.htm"/>
<frame name="frame2"
src="test2.htm"/>
</frameset>
<body>
3、嵌套在frameSet中的iframe必需放在body中;如下可以正常显示:
<frameset>
<iframe name="frame1"
src="test1.htm"/>
<iframe name="frame2"
src="test2.htm"/>
</frameset>
</body>
如下不能正常显示:
<frameset>
<iframe name="frame1"
src="test1.htm"/>
<iframe name="frame2"
src="test2.htm"/>
</frameset>
<!--</body>-->
4、不嵌套在frameSet中的iframe可以随意使用;
如下均可以正常显示:
<iframe name="frame1"
src="test1.htm"/>
<iframe name="frame2"
src="test2.htm"/>
</body>
<!--<body>-->
<iframe name="frame1"
src="test1.htm"/>
<iframe name="frame2"
src="test2.htm"/>
<!--</body>-->
5、frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制,如:
<frameset rows="50%,*">
<frame name="frame1"
src="test1.htm"/>
<frame name="frame2"
src="test2.htm"/>
</frameset>
<!--</body>-->
<body>
<frameset>
<iframe height="30%"
name="frame1" src="test1.htm"/>
<iframe height="100"
name="frame2" src="test2.htm"/>
</frameset>
</body>
6、如果在同一个页面使用了两个以上的iframe,在IE中可以正常显示,在firefox中只能显示出第一个;使用两个以上的frame在IE和firefox中均可正常
以上代码在IE7和firefox2.0中测试。
iframe与frameset(转载)的更多相关文章
- 使用iframe 或frameset框架退出不成功
iframe .frameset框架有时登录界面加载在框架当中,但我们想直接到登录界面,这时我们可以使用js来实现.if(window!=top) { top.location.href=locati ...
- HTML iframe 和 frameset 的区别
转自:http://www.cnblogs.com/polk6/archive/2013/05/24/3097430.html HTML iframe 和 frameset 的区别 iframe 和 ...
- 【html】 iframe 和 frameset 的区别
一.两者的相同点和不同点 相同点: iframe 和frameset都是html布局的框架布局 不同点: iframe是一个内联框架,是在页面里生成内部框架 frameset定义一个框架集,包含多个子 ...
- html部分---表单、iframe、frameset及其他字符的用法(以及name、id、value的作用与区别);
<form action="aa.html" method="post/get"> /action的作用是提交到..,methed是提交方法,用po ...
- iframe与frameset有什么区别
frame,iframe,frameset 的区别 <FRAMESET> <FRAME><NOFRAMES><IFRAME>欲明白本篇[HTML剖析]之 ...
- 使用iframe设置frameset的高度
index.html的页面代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "htt ...
- html Frame、Iframe、Frameset 的区别 详细出处参考:http://www.jb51.net/web/22785.html
10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别. 用来划分框架,每一个框架由标记.必须在之内使用,代码如下: 在上面的例子当中,把页面分为左右两个部分, ...
- iframe 与frameset
frameset 元素可定义一个框架集.它被用来组织多个窗口(框架).每个框架存有独立的文档.在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行.您必须使用 cols 或 ...
- 自己写的_top、_parent以及对iframe和frameset的理解
iframe可以写在<body>标签里,如<body><iframe src="xxx" name="xxx" style=&q ...
随机推荐
- hdu 1033 (bit masking, utilization of switch, '\0' as end of c string) 分类: hdoj 2015-06-15 21:47 37人阅读 评论(0) 收藏
bit masking is very common on the lower level code. #include <cstdio> #include <algorithm&g ...
- Xp 消息队列的使用
1.安装消息队列3.0: 控制面板/添加删除程序/添加window组件/找到消息队列/选择->详细信息->MSMQ HTTP支持. 注意:如果计算机没有连接到域需要去掉Active Dir ...
- IPAD2 5.1.1越狱后的屏幕不能自动旋转~~~
己顶,出现这问题的原因是因为越狱安装了插件的原因.问题解决了,大家没有遇到类似的问题吗?问题出在大家都装了一个SBSettings的插件,解决办法就是在这个插件的ISO 5+ Notification ...
- java.lang包的分类
提供利用 Java 编程语言进行程序设计的基础类. 1> 最重要的类是 Object(它是类层次结构的根)和 Class(它的实例表示正在运行的应用程序中的类). 2> 把基本类型 ...
- Ogre中Mesh的加载过程详述
转自:http://blog.csdn.net/yanonsoftware/article/details/1031891 如果新开始写一个3D渲染引擎,Mesh应该是一个很好的切入点.当一个看似简单 ...
- hdu 2050
PS:真是醉了..之前觉得这题很难..然后在网上找到了大神给的深入解析,跪谢...这里贴大神博客的网址:http://blog.csdn.net/lishuhuakai/article/details ...
- 图表控件Edraw Max免费下载地址
Edraw Max软件能使学生.老师和商务人士创建并发布各种设计图,它是一个集所有功能于一身的图表控件软件,它可以轻松地创建具有专业外观的流程图.组织结构图.网络图.商业演示图.建筑设计图.思维导图. ...
- Sql Server REPLACE函数的使用;SQL中 patindex函数的用法
Sql Server REPLACE函数的使用 REPLACE用第三个表达式替换第一个字符串表达式中出现的所有第二个给定字符串表达式. 语法REPLACE ( ''string_replace1'' ...
- BZOJ 2501 Soda Machine
BIT+离散化. #include<iostream> #include<cstdio> #include<cstring> #include<algorit ...
- __toString()与__call()
__toString()适用于直接输出类,用此方法,可以避免出错:__call()适用于使用类当中没有定义的函数(方法) <!DOCTYPE html> <html> < ...