跟大家講解下有關如何使用iframe屬性，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說如何使用iframe屬性，小編也收集到了有關如何使用iframe屬性的相關資料，希望大家看到了會喜歡。
當我們學html前期的時候我們會遇到iframe這個屬性值，其實iframe是一個很有趣的標簽，現在小編就帶著初級的同學講一講。HTML iframe 標簽的作用就是創建包含另外一個文檔的內聯框架（即行內框架），通俗點的說法就是在一個html頁面嵌入另外一個html頁面。這個標簽在實際工作中還是比較常見而且重要的。比如一般web項目的后臺基本都要用到iframe，還有我們登錄各種郵箱也經常會看到點擊左邊鏈接，右邊網頁跟著切換等的效果，基本都是通過iframe實現的。所有瀏覽器都支持iframe標簽，因此不存在兼容性問題。
iframe 比較常見的用法如下：
<iframe name="main" width="100%" height="200" frameborder="0" scrolling="no" src="http://www.phpernote.com/"></iframe>以上代碼中的參數根據實際情況需要再修改，下面列舉一下iframe的一些比較常見的屬性。
name 設定iframe的名稱
longdesc 關于iframe的描述說明，此屬性基本不支持現在的主流瀏覽器，因此沒必要使用
border 設定iframe邊緣的寬度
bordercolor 設定iframe邊框的顏色，值可以是rgb色，也可以是顏色名稱
frameboder 設置邊框是否為3維（0=否，1=是）
height 設置iframe的高度（可用像素值或百分比）
width 設置iframe的寬度（可用像素值或百分比）
marginheight 定義iframe的頂部和底部的邊距
marginwidth 定義iframe的左側和右側的邊距
scrolling 是否有滾動條（可取的值有yes,no,auto)
src 指定iframe調用的文件(可引用文件如：html,htm,gif,jpeg,jpg,png,txt,*.*)
noresize 禁止調整尺寸，這個僅支持IE核心的瀏覽器
allowtransparency 是否允許透明。IE5.5開始支持浮動框架的內容透明。如果想要為浮動框架定義透明內容，則必須滿足下列條件。
1. 與 iframe 元素一起使用的 allowTransparency 標簽屬性必須設置為 true。
2. 在 iframe 內容源文檔，background- color 或 body 元素的 bgColor 標簽屬性必須設置為 transparent。
實例如下：（1）父框架頁的代碼
<body bgColor="#eeeeee"> <iframe allowTransparency="true" src="phpernote.html" noresize></iframe>（2）子框架頁代碼（即phpernote.html頁面代碼）
<body bgColor="transparent">3. 指定iframe的id屬性，獲取iframe滾動條的高度和寬度
<iframe id="phpernote" src="www.phpernote.com"></iframe> <script type="text/javascript"> var iframe=document.getElementById('phpernote'); document.write(iframe.scrollHeight);//滾動條高度 document.write(iframe.scrollWidth);//滾動條寬度 </script>以上就是iframe屬性的詳細說明，希望大家有所掌握，接下來小編還會為大家分享iframe高度自適應的設置方法，有需要的同學可以關注PHP中文網。
相關推薦：
iframe與主框架跨域相互訪問方法介紹
iframe子、父頁面域內及跨域通信實例
html中frame與iframe有哪些區別
以上就是如何使用iframe屬性的詳細內容，更多請關注php中文網其它相關文章！
來源：php中文網