- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發(fā)出去的郵件怎么知道對方是否已經查看
- 11XP系統(tǒng)怎么清除緩存？
- 12AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
[摘要]本章給大家介紹在html中iframe是如何使用的，讓大家可以了解html中iframe的用法。有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。有人說，iframe是能耗最高的一個元素，盡量減少使用；也有人說，iframe的安全性太差，盡量減少使用。雖然他們說的是真的，但是ifram...
本章給大家介紹在html中iframe是如何使用的，讓大家可以了解html中iframe的用法。有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。有人說，iframe是能耗最高的一個元素，盡量減少使用；也有人說，iframe的安全性太差，盡量減少使用。雖然他們說的是真的，但是iframe的強大功能是不容忽視的，而且現(xiàn)在不乏公司正在使用它。
<iframe> 標簽規(guī)定一個內聯(lián)框架。一個內聯(lián)框架被用來在當前 HTML 文檔中嵌入另一個文檔。
所有的主流瀏覽器都支持<iframe>標簽。你可以把提示的文字放到 <iframe> 和 </iframe>里面，這樣不支持 <iframe>的瀏覽器就會出現(xiàn)提示的文字。
iframe 如何使用呢？
通常我們使用iframe直接在頁面嵌套iframe標簽指定的src就可以了。
比如：
<!-- <iframe> 標簽規(guī)定一個內聯(lián)框架
這里寫p 標簽是為了看align的效果 -->
<p style="overflow: hidden;">這是一些文本。 這是一些文本。 這是一些文本。這是一些文本。 這是一些文本。 這是一些文本。
<iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no">
<p>你的瀏覽器不支持iframe標簽</p>
</iframe>
這是一些文本。 這是一些文本。 這是一些文本。這是一些文本。 這是一些文本。 這是一些文本。</p>iframe 的常用屬性：
name ： 規(guī)定 <iframe> 的名稱。
width： 規(guī)定 <iframe> 的寬度。
height ：規(guī)定 <iframe> 的高度。
src ：規(guī)定在 <iframe> 中顯示的文檔的 URL。
frameborder ： 規(guī)定是否顯示 <iframe> 周圍的邊框。 (0為無邊框，1位有邊框)。
align ： 規(guī)定如何根據(jù)周圍的元素來對齊 <iframe>�！�(left,right,top,middle,bottom)。
scrolling ： 規(guī)定是否在 <iframe> 中顯示滾動條。 (yes,no,auto)
上面代碼中 iframe的src屬性為自己本地的一個html頁面
代碼如下：
<body>
<div id="div" style="height: 300px; background: #ddd;">這是一個外部文件里面的內容</div>
</body>
<script>
var div = document.getElementById("div");
console.log(div);
</script>有什么交互的部分也是寫到這個頁面中，iframe會自動傳到引入的頁面的。
那如何獲取iframe里面的內容呢？
var iframe = document.getElementById("myrame"); //獲取iframe標簽
var iwindow = iframe.contentWindow; //獲取iframe的window對象
var idoc = iwindow.document; //獲取iframe的document對象
console.log(idoc.documentElement); //獲取iframe的html
console.log("body",idoc.body);但是，這里面是獲取不到里面的DOM的，可以在URL中獲�。ㄒ簿褪且氲膆tml文件）
iframe 的優(yōu)缺點
優(yōu)點：
重載頁面時不需要重載整個頁面，只需要重載頁面中的一個框架頁（減少數(shù)據(jù)的傳輸，減少網頁的加載時間）；
技術簡單，使用方便，主要應用于不需要搜索引擎來搜索的頁面；
方便開發(fā)，減少代碼的重復率（比如頁面的header，footer）；
缺點：
會產生很多的頁面，不易于管理；
不易打�。�
多框架的頁面會增加服務氣得http請求；
瀏覽器的后退按鈕無效等；
以上就是html中iframe是如何使用的？的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1免費8組騰訊視頻會員賬號分享（2017.4.21）
- 2免費4組愛奇藝會員賬號密碼分享（2017.4.21）
- 3免費的芒果tv會員賬號分享（2017.4.20）
- 4最新6組騰訊視頻會員賬號分享（2017.4.20）
- 5最新8組騰訊視頻會員賬號分享（2017.4.19）
- 6斗魚tv酬勤是什么？斗魚tv酬勤如何算？
- 7QQ影音合并多個音頻文件的方法
- 82017NBA總決賽什么時候？2017NBA總決賽直播地址列表
- 9愛奇藝會員賬號密碼免費分享（2017.4.18）
- 10百度云會員賬號免費分享（2017.4.18）
- 11免費6組騰訊視頻會員賬號共享（2017.4.27）
- 12騰訊視頻會員賬號共享（2017.4.26更新）
相關文章
- html空格代碼是什么？html空格代碼如何寫？（總結）
- 什么是html文件？html格式如何打開？（圖）
- 詳談HTML中script標簽（附代碼）
- 使用HTML+CSS設計一個容易的用戶注冊頁面【示例】
- html base標簽有什么作用?base標簽的作用區(qū)分(附案例)
- html base標簽如何用？html base標簽的用法總結
- html input標簽的屬性有哪一些？input標簽的用法總結（附案例）
- html搜索框如何設置？html搜索框input標簽的使用方法案例
- html中的label標簽如何設置高度？label標簽的使用方法說明
- html label標簽的作用是什么？html label標簽的用法方法詳細說明
- html label標簽的for屬性有什么作用？對于label標簽的for屬性說明
- html button標簽如何使用？html button標簽有什么作用？
