首頁 > web前端 > html教學 > 舉例說明HTML中iframe和frame的差別

舉例說明HTML中iframe和frame的差別

高洛峰
發布: 2017-02-18 15:54:34
原創
1347 人瀏覽過

不知道你在專案中用過frameset屬性沒有,frameset這個屬性是在去年我在一個線上客服系統製作中用過,因為客服系統要有固定的佈局,上面一塊,下面一塊等等,當時就是用的frameset和frame。在我用完了這些屬性之後,我才明白了iframe和frame的差別。因為在這之前,我專案中一般不用框架,用的話也就是用到iframe。

下面說說其具體區別吧!總結瞭如下幾點。

1、frame不能脫離frameSet單獨使用,iframe可以;

2、frame不能放在body中;

如下可以正常顯示:

<!--<body>-->    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<!--<body>-->
登入後複製
rr

相反,假如iframe放在frameSet屬性下面,則必需放在body中

<body>    
<frameset rows="50%,*">    
   <frame   name="frame1"   src="test1.htm"/>     
   <frame   name="frame2"   src="test2.htm"/>     
</frameset>    
<body>
登入後複製

3、iframe是一個html標籤,在html中任何地方,都可以隨意使用,而frame不可以。

<body>    
  <frameset>     
    <iframe   name="frame1"   src="test1.htm"/>     
    <iframe   name="frame2"   src="test2.htm"/>     
  </frameset>     
</body>
登入後複製

而frame必須嵌套在frameSet中,且不能再table等標籤中使用。

4、frame的高度只能透過frameSet控制;iframe可以自己控制,不能透過frameSet控制

<body>    
   <iframe   name="frame1"   src="test1.htm"/>     
   <iframe   name="frame2"   src="test2.htm"/>     
</body>  
  
<table>    
<tr>    
<td><iframe id="" src=""></iframe></td><td></td>    
</tr>    
</table>
登入後複製

5、如果在同一個頁面使用了兩個以上的iframe,在IE中可以正常顯示,在firefox中只能顯示出第一個;使用兩個以上的frame在IE和firefox中均可正常

更多舉例講解HTML中iframe和frame的區別相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板