举例解读HTML中iframe和frame的差别

不知道道你在新项目选用过frameset特性沒有，frameset这个特性是在上年我在1个线上客服系统软件制做选用过，由于客服系统软件要有固定不动的合理布局，上面1块，下面1块这些，那时候便是用的frameset和frame。在我用完了这些特性以后，我才搞清楚了iframe和frame的差别。由于在这以前，我新项目中1般无需架构，用的话也便是用到iframe。

下面说说其实际差别吧！总结了以下几点。

1、frame不可以摆脱frameSet独立应用，iframe能够；

2、frame不可以放在body中；

以下能够一切正常显示信息：

XML/HTML Code拷贝內容到剪贴板
  1. <!--<body>-->    
  2. <frameset rows="50%,*">    
  3.    <frame   name="frame1"   src="test1.htm"/>     
  4.    <frame   name="frame2"   src="test2.htm"/>     
  5. </frameset>    
  6. <!--<body>-->   

以下不可以一切正常显示信息：

XML/HTML Code拷贝內容到剪贴板
  1. <body>    
  2. <frameset rows="50%,*">    
  3.    <frame   name="frame1"   src="test1.htm"/>     
  4.    <frame   name="frame2"   src="test2.htm"/>     
  5. </frameset>    
  6. <body>   

相反，倘若iframe放在frameSet特性下面，则必须放在body中

XML/HTML Code拷贝內容到剪贴板
  1. <body>    
  2.   <frameset>     
  3.     <iframe   name="frame1"   src="test1.htm"/>     
  4.     <iframe   name="frame2"   src="test2.htm"/>     
  5.   </frameset>     
  6. </body>   

3、iframe是1个html标识，在html中任何地区，都可以以随便应用，而frame不能以。

XML/HTML Code拷贝內容到剪贴板
  1. <body>    
  2.    <iframe   name="frame1"   src="test1.htm"/>     
  3.    <iframe   name="frame2"   src="test2.htm"/>     
  4. </body>  
  5.   
  6. <table>    
  7. <tr>    
  8. <td><iframe id="" src=""></iframe></td><td></td>    
  9. </tr>    
  10. </table>   

而frame务必嵌套循环在frameSet中，且不可以再table等标识中应用。

4、frame的高宽比只能根据frameSet操纵；iframe能够自身操纵，不可以根据frameSet操纵

XML/HTML Code拷贝內容到剪贴板
  1. <!--<body>-->    
  2. <frameset rows="50%,*">    
  3.    <frame   name="frame1"   src="test1.htm"/>     
  4.    <frame   name="frame2"   src="test2.htm"/>     
  5. </frameset>    
  6. <!--</body>-->    
  7.   
  8. <body>    
  9. <frameset>    
  10.    <iframe height="30%"  name="frame1"   src="test1.htm"/>     
  11.    <iframe height="100"  name="frame2"   src="test2.htm"/>     
  12. </frameset>    
  13. </body>   

5、假如在同1个网页页面应用了两个以上的iframe，在IE中能够一切正常显示信息，在firefox中只能显示信息出第1个；应用两个以上的frame在IE和firefox中都可一切正常