首页 > 代码库 > #3 IFrame 和 Frame 的异同

#3 IFrame 和 Frame 的异同

2024-07-14 11:58:29   227人阅读

这个笔记是同学总结的，这里我整理到这边来，和大家分享------------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=http://www.mamicode.com/”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默认)


联系
我们