2 回答

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊
一、Iframe標(biāo)記的使用
Iframe標(biāo)記,又叫浮動(dòng)幀標(biāo)記,你可以用它將一個(gè)HTML文檔嵌入在一個(gè)HTML中顯示。它不同于Frame標(biāo)記最大的特征即這個(gè)標(biāo)記所引用的HTML文件不是與另外的HTML文件相互獨(dú)立顯示,而是可以直接嵌入在一個(gè)HTML文件中,與這個(gè)HTML文件內(nèi)容相互融合,成為一個(gè)整體,另外,還可以多次在一個(gè)頁(yè)面內(nèi)顯示同一內(nèi)容,而不必重復(fù)寫內(nèi)容,一個(gè)形象的比喻即“畫中畫“電視。
現(xiàn)在我們談一下Iframe標(biāo)記的使用。
Iframe標(biāo)記的使用格式是:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src:文件的路徑,既可是HTML文件,也可以是文本、ASP等;
width、height:"畫中畫"區(qū)域的寬與高;
scrolling:當(dāng)SRC的指定的HTML文件在指定的區(qū)域不顯不完時(shí),滾動(dòng)選項(xiàng),如果設(shè)置為NO,則不出現(xiàn)滾動(dòng)條;如為Auto:則自動(dòng)出現(xiàn)滾動(dòng)條;如為Yes,則顯示;
FrameBorder:區(qū)域邊框的寬度,為了讓“畫中畫“與鄰近的內(nèi)容相融合,常設(shè)置為0。
比如:
<Iframe src="http://www.webjx.com/" width="250" height="200" scrolling="no" frameborder="0"></iframe>
二、父窗體與浮動(dòng)幀之間的相互控制
在腳本語(yǔ)言與對(duì)象層次中,包含Iframe的窗口我們稱之為父窗體,而浮動(dòng)幀則稱為子窗體,弄清這兩者的關(guān)系很重要,因?yàn)橐诟复绑w中訪問(wèn)子窗體或相反都必須清楚對(duì)象層次,才能通過(guò)程序來(lái)訪問(wèn)并控制窗體。
1、在父窗體中訪問(wèn)并控制子窗體中的對(duì)象
在父窗體中,Iframe即子窗體是document對(duì)象的一個(gè)子對(duì)象,可以直接在腳本中訪問(wèn)子窗體中的對(duì)象。
現(xiàn)在就有一個(gè)問(wèn)題,即,我們?cè)鯓觼?lái)控制這個(gè)Iframe,這里需要講一下Iframe對(duì)象。當(dāng)我們給這個(gè)標(biāo)記設(shè)置了ID 屬性后,就可通過(guò)文檔對(duì)象模型DOM對(duì)Iframe所含的HTML進(jìn)行一系列控制。
比如在example.htm里嵌入test.htm文件,并控制test.htm里一些標(biāo)記對(duì)象:
<Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>
test.htm文件代碼為:
<html>
<body>
<h1 id="myH1">hello,my boy</h1>
</body>
</html>
如我們要改變ID號(hào)為myH1的H1標(biāo)記里的文字為hello,my dear,則可用:
document.myH1.innerText="hello,my dear"(其中,document可省)
在example.htm文件中,Iframe標(biāo)記對(duì)象所指的子窗體與一般的DHTML對(duì)象模型一致,對(duì)對(duì)象訪問(wèn)控制方式一樣,就不再贅述。
2、在子窗體中訪問(wèn)并控制父窗體中對(duì)象
在子窗體中我們可以通過(guò)其parent即父(雙親)對(duì)象來(lái)訪問(wèn)父窗口中的對(duì)象。
如example.htm:
<html>
<body >
<Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe>
<h1 id="myH2">hello,my wife</h1>
</body>
</html>
如果要在frame1.htm中訪問(wèn)ID號(hào)為myH2中的標(biāo)題文字并將之改為"hello,my friend",我們就可以這樣寫:parent.myH2.innerText="hello,my friend"
這里parent對(duì)象就代表當(dāng)前窗體(example.htm所在窗體),要在子窗體中訪問(wèn)父窗體中的對(duì)象,無(wú)一例外都通過(guò)parent對(duì)象來(lái)進(jìn)行。
Iframe雖然內(nèi)嵌在另一個(gè)HTML文件中,但它保持相對(duì)的獨(dú)立,是一個(gè)“獨(dú)立王國(guó)“喲,在單一HTML中的特性同樣適用于浮動(dòng)幀中。
試想一下,通過(guò)Iframe標(biāo)記,我們可將那些不變的內(nèi)容以Iframe來(lái)表示,這樣,不必重復(fù)寫相同的內(nèi)容,這有點(diǎn)象程序設(shè)計(jì)中的過(guò)程或函數(shù),減省了多少繁瑣的手工勞動(dòng)!另外,至關(guān)重要的是,它使頁(yè)面的修改更為可行,因?yàn)?,不必因?yàn)榘媸降恼{(diào)整而修改每個(gè)頁(yè)面,你只需修改一個(gè)父窗體的版式即可了。

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超7個(gè)贊
定義和用法
iframe 元素會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架(即行內(nèi)框架)。
提示和注釋:
提示:您可以把需要的文本放置在 <iframe> 和 </iframe>
之間,這樣就可以應(yīng)對(duì)無(wú)法理解 iframe 的瀏覽器。
iframe標(biāo)簽是成對(duì)出現(xiàn)的,以<iframe>開始,</iframe>結(jié)束
iframe標(biāo)簽內(nèi)的內(nèi)容可以做為瀏覽器不支持iframe標(biāo)簽時(shí)顯示
添加回答
舉報(bào)