明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

如何使用iframe屬性

[摘要]當(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)站。