古詩詞大全網 - 成語故事 - 求:<Frameset>與<iFrame>詳盡使用方法與詳解!

求:<Frameset>與<iFrame>詳盡使用方法與詳解!

Iframe標記,又叫浮動幀標記,妳可以用它將壹個HTML文件嵌入在另壹個HTML中顯示。它不同於Frame標記最大的特征即這個標 記所引用的HTML文件不是與另外的HTML文件相互獨立顯示,而是可以直接嵌入在壹個HTML文件中,與這個HTML文件內容相互融合,成為壹個整體, 另外,還可以多次在壹個頁面內顯示同壹內容,而不必重復寫內容,甚至可以在同壹HTML文件嵌入多個HTML文件。

在腳本語言與對象層次中,包含Iframe的窗口我們稱之為父窗體,而浮動幀則稱為子窗體,弄清這兩者的關系很重要,因為要在父窗體中訪問子窗體或子窗體中訪問父窗體都必須清楚對象層次,才能通過程序來訪問並控制窗體。

下面是浮動幀標記Iframe的各項屬性:

壹、基本語法:

<iframe>……</iframe>

浮動幀標記Iframe必須成對出現,即有開始標記<iframe>,就必須有結束標記</iframe>。

二、浮動幀標記Iframe的屬性:

 1、文件位置:

語法:src=url

說明:url為嵌入的HTML文件的位置,可以是相對地址,也可以是絕對地址。

示例:<iframe src="iframe.html">

 2、對象名稱:

語法:name=#

說明:#為對象的名稱。該屬性給對象取名,以便其他對象利用。

示例:<iframe src="iframe.html" name="iframe1">

 3、ID選擇符:

語法:id=#

說明:指定該標記的唯壹ID選擇符。

示例:<iframe src="iframe.html" id="iframe1">

 4、容器屬性:

語法:height=# width=#

說明:該屬性指定浮動幀的高度和寬度。取值為正整數(單位為像素)或百分數。

height:指定浮動幀的高度;

width:指定浮動幀的寬度。

示例:<iframe src="iframe.html" height=400 width=400>

 5、尺寸調整:

語法:noresize

說明:IE專有屬性,指定浮動幀不可調整尺寸。

示例:<iframe src="iframe.html" noresize>

 6、邊框顯示:

語法:frameborder=0、1

說明:該屬性規定是否顯示浮動幀邊框。

0:不顯示浮動幀邊框;

1:顯示浮動幀邊框。

示例:<iframe src="iframe.html" frameborder=0>

<iframe src="iframe.html" frameborder=1>

 7、邊框厚度:

語法:border=#

說明:該屬性指定浮動幀邊框的厚度,取值為正整數和0,單位為像素。為了將浮動幀與頁面無縫結合,border壹般等於0。

示例:<iframe src="iframe.html" border=1>

 8、邊框顏色:

語法:bordercolor=color

說明:該屬性指定浮動幀邊框的顏色。color可以是RGB色(RRGGBB),也可以是顏色名。

示例:<iframe src="iframe.html" bordercolor=red>

 9、對齊方式:

語法:align=left、right、center

說明:該屬性指定浮動幀與其他對象的對齊方式。

left:居左;

right:居右;

center:居中。

示例:<iframe src="iframe.html" align=left>

<iframe src="iframe.html" align=right>

<iframe src="iframe.html" align=center>

 10、相鄰間距:

語法:framespacing=#

說明:該屬性指定相鄰浮動幀之間的間距。取值為正整數和0,單位為像素。

示例:<iframe src="iframe.html" framespacing=10>

 11、內補白屬性:

語法:hspace=# vspace=#

說明:該屬性指定浮動幀內的邊界大小。取值為正整數和0,單位為像素。兩個屬性應同時應用。

hspace:浮動幀內的左右邊界大小;

vspace:浮動幀內的上下邊界大小。

示例:<iframe src="iframe.html" hspace=1 vspace=1>

 12、外補白屬性:

語法:marginheight=# marginwidth=#

說明:該屬性指定浮動幀的邊界大小。取值為正整數和0,單位為像素。兩個屬性應同時應用。

marginheight:浮動幀的左右邊界大小;

marginwidth:浮動幀的上下邊界大小。

示例:<iframe src="iframe.html" marginheight=1 marginwidth=1>