- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 9ipad版office如何激活? office365激活的圖文說明教程
- 10最新的Adobe Illustrator CS4序列號大全
- 11Mac怎么通過設置VPN來登錄youtube等國外網站
- 12qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
[摘要]當我們學html前期的時候我們會遇到iframe這個屬性值，其實iframe是一個很有趣的標簽，現在小編就帶著初級的同學講一講。HTML iframe 標簽的作用就是創建包含另外一個文檔的內聯框架（即行內框架），通俗點的說法就是在一個html頁面嵌入另外一個html頁面。這個標簽在實際工作中還是比...
當我們學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屬性的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
標簽：如何運用iframe屬性
推薦資訊 總人氣榜
最新教程 本月人氣
- 1bilibili會員注冊時驗證碼不顯示的5種處理方法
- 2BILIBILI嗶哩嗶哩網登錄失敗、驗證碼出錯的處理方法
- 3嗶哩嗶哩邀請碼如何獲得？
- 4嗶哩嗶哩iPhone版如何關閉彈幕？
- 5bilibili嗶哩嗶哩彈幕視頻網經常見的使用問題與回答
- 6愛剪輯給視頻添加KTV字幕效果方法
- 7電視直播軟件：風云直播如何？
- 8視頻剪輯軟件愛剪輯如何讓貼圖居中？
- 9視頻剪輯軟件愛剪輯如何制作畫面定格效果？
- 10愛奇藝如何關閉泡泡群
- 11視頻壓縮軟件：愛剪輯的使用方法
- 12qq音樂如何下載歌詞？qq音樂下載歌詞圖文說明教程
- 1DOTA2玩家最愛的變聲軟件MorphVOX Pro在什么地方里下載？
- 2（視頻）YY上如何男變女聲？VCS變聲器使用方法
- 32016年4月19日更新的優酷vip會員賬號
- 4愛奇藝最新免費會員密碼分享（更新至2016年4月19日）
- 5如何找到Excel2007的簡繁轉換技巧？
- 6蘋果ios9.3beta4下載地址 ios9.3beta4固件官方下載網址
- 7微信支付天天立減活動怎么玩 微信支付天天立減活動玩法說明
- 8html完成在消息按鈕上增加數量角標的完成代碼
- 9如何能做出可以拖動的DIV層提示窗口
- 10Excel2007設置批注格式
- 11蘭博基尼88 tauri多少錢？tonimo蘭博基尼88 tauri價格
- 12愛剪輯如何更改貼圖特效？
相關文章
- html中規定元素的類名的屬性class
- html規定激活（使元素獲得焦點）元素的快捷鍵的屬性accesskey
- html在元素中的文本被選中時觸發的事件onselect
- html表單被重置后觸發的事件onreset
- html在元素獲得焦點時觸發的事件屬性onfocus
- html中當上下文菜單被觸發時運行腳本的oncontextmenu事件
- html在元素值改變時觸發的事件屬性onchange
- html在元素失去焦點時觸發的事件屬性onblur
- html在源代碼中插入注釋標簽<!--...-->
- html設置或返回用于填充繪畫的顏色漸變或模式的屬性fillStyle
- html規定是否應該翻譯元素內容的translate元素
- html規定對于元素的額外信息的屬性title
