简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

在HTML中iframe與frame有哪些差別

php中世界最好的语言
發布： 2018-01-23 10:17:40
原創
1813 人瀏覽過

這次帶給大家在HTML中iframe與frame有哪些差別，在HTML中使用iframe與frame的注意事項有哪些，以下就是實戰案例，一起來看一下。

不知道你在專案中用過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>-->
登入後複製

如下無法正常顯示：

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

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

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

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

<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>
登入後複製

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

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

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

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


相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

h5和c3怎麼做出太陽系行星運轉的動畫效果

HTML基礎知識，關於超連結設定的樣式的詳細介紹

HTML段落的知識摘要

以上是在HTML中iframe與frame有哪些差別的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
frame html iframe
來源：php.cn
上一篇：html關於PHP你必須知道的重要知識點 下一篇：怎麼實作取得textarea的動態剩餘字數
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何避免HTML iframe導致頁面刷新 假設我有下面這段程式碼：<h1><h1><divclass="content">//這個iframe不佔用整個頁面<i...
來自於 2023-09-15 22:35:01
0
1
668
為何我的 iframe 在此程式碼段中無法載入？ 所以我這裡有一小段程式碼，用來偵測是行動瀏覽器還是桌面瀏覽器。這個功能是有效的，但是我嘗試根據瀏覽器提供不同的iframe，但是iframe沒有加載。請幫忙修復！ <html...
來自於 2023-09-15 11:06:40
0
1
283
使用按鈕在iframe外部提交iframe表單 我有一個contactus.html文件，其中包含一個iframe：<iframename="myframe"id="frame1"s...
來自於 2023-09-04 10:44:17
0
1
229
按下按鈕時，逐一在iframe中開啟鏈接 我有一個包含三個連結的數組，用於在頁腳中使用的按鈕，當我一次又一次按下該按鈕時，數組將一一正常工作。 。並且每次按下時都會顯示一個連結按鈕。那很好。但我想，當我點擊按鈕時，「連結」...
來自於 2023-09-03 15:44:43
0
1
329
阻止或偵測 iframe 上的下載 我遇到了一個對我來說很常見的問題，但我找不到正確的解決方案。我有一個透過iframe顯示的文檔。頂部有一個工具欄，最終用戶可以在其中下載文件。現在我想記錄有關下載的資訊（因此我可能...
來自於 2023-08-31 21:35:46
0
1
399
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！