举例解读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中都可一切正常