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