码迷,mamicode.com
首页 > 其他好文 > 详细

#3 IFrame 和 Frame 的异同

时间:2014-07-29 10:37:06      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   使用   os   strong   2014   html   

这个笔记是同学总结的,这里我整理到这边来,和大家分享------------2014.07.28  天气:大火炉

 


 

frame和iframe的区别:

 

小结:
frame与iframe可以实现相同的功能,不过后者更灵活。frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌框架。
<frame>用于全局,<iframe>用于局部。


 

 
1、Frame 不能 脱离 FrameSet 使用。(IFrame都可以)

 

2、Frame 不能 放在<Body> 里面。(IFrame都可以) ,但是FrameSet里面的IFrame只能放下Body里面。
3、Frame 的高宽只能通过 FrameSet设置。(IFrame可以自己设置)

 

4、一个页面如果有两个 IFrame , 在IE中可以显示,但是在FireFox就不可以显示。

 



1、frame不能脱离frameset单独使用,而iframe可以。
frame不能放在body中。

<!--<body>-->
  <frameset rows=”50%,*”>
    <frame name=“frame1” src=”test.html”/>
    <frame name=“frame2” src=”test.html”/>
  </frameset>
<!--</body>-->
 
2、嵌套在frameset中的iframe必须放在body中。
<body>
  <frameSet rows=”50%,*”>
    <iframe name=”iframe1” src=”test.html”/>
    <iframe name=”iframe2” src=”test.html”/>
  </frameSet>
</body> 
不嵌套在frameset中的iframe可以随意使用,不论是否与<body>中。

3、frame的高度只能通过frameset控制,iframe可以自己控制。

<!--<body>-->
  <frameset rows=”50%,*”>
<frame name=“frame1” src=”test.html”/>
<frame name=“frame2” src=”test.html”/>
  </frameset>
<!--</body>-->

<body>
  <frameset>
<iframe height=”30%” name=”iframe1”,src=”test.html”/>
<iframe height=”100” name=”iframe2” src=”test.html”/>
  </frameset>
</body>

 

如果在同一个页面中使用了两个以上的iframe,在IE中可以正常显示,而firefox中只能显示出第一个;使用两个以上的frame在IE和firefox中均可正常显示。



frame属性详解:

cols及rows 属性:
<frameset cols=”20%,400,*”>
20%说明最左边的frame占据浏览器的宽度;
400说明中间的frame占据浏览器的像素点个数;
* 说明剩下的那部分作为最后frame的空间。

border属性:
设置frame直接的间距,可设置其颜色bordercolor。

name属性:
说明frame的名字,用于指定框架连接的显示位置。

scrolling及noresize属性:
scrolling:决定frame是否可以使用滚动条。(no/yes/auto默认)
noresize:决定frame是否可以改变大小,true时不能改变。(true/false默认)

#3 IFrame 和 Frame 的异同,布布扣,bubuko.com

#3 IFrame 和 Frame 的异同

标签:style   blog   color   使用   os   strong   2014   html   

原文地址:http://www.cnblogs.com/zhongxia/p/HTML.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!