從第2章例2-2開始：
HTML 基礎：
Iframe標記，又叫浮動幀標記，你可以用它將一個HTML文檔嵌入在一個HTML中顯示。在指令碼語言與對象層次中，包含Iframe的視窗我們稱之為父表單，而浮動幀則稱為子表單。
Iframe標記的使用格式是:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src：檔案的路徑，既可是HTML檔案，也可以是文本、ASP等；
width、height："畫中畫"地區的寬與高；
scrolling:當SRC的指定的HTML檔案在指定的地區不顯不完時，滾動選項，如果設定為NO，則不出現捲軸；如為Auto：則自動出現滾動
條；如為Yes，則顯示;
FrameBorder：該屬性規定是否顯示浮動幀邊框。
0：不顯示浮動幀邊框；
1：顯示浮動幀邊框。
其他基本文法：
對象名稱：
文法：name=#
說明：#為對象的名稱。該屬性給對象取名，以便其他對象利用。
樣本：<iframe src="iframe.html" name="iframe1">
尺寸調整：
文法：noresize
說明：IE專有屬性，指定浮動幀不可調整尺寸。
樣本：<iframe src="iframe.html" noresize>
邊框厚度：
文法：border=#
說明：該屬性指定浮動幀邊框的厚度，取值為正整數和0，單位為像素。為了將浮動幀與頁面無縫結合，border一般等於0。
樣本：<iframe src="iframe.html" border=1>
相鄰間距：
文法：framespacing=#
說明：該屬性指定相鄰浮動幀之間的間距。取值為正整數和0，單位為像素。
樣本：<iframe src="iframe.html" framespacing=10>
對象id：
是可以將iframe作為對象在DOM裡用getElementById尋找出來。
id可以用來擷取iframe這個元素
比如document.all.iframeid.src="a.htm"
id和name屬性有什麼不同：
id可以用來擷取iframe這個元素
比如document.all.iframeid.src="a.htm"
iframe 的name主要作用是給他裡面的視窗一個標識
比如
<a href=t.htm target=test>sadaf</a>
<iframe name=test>
這樣點了連結後t.htm會在iframe裡出現
style屬性:
用來設定CSS樣式表的
Inline Style是寫在Tag裡面的。內嵌樣式只對所在的Tag有效（iframe）。
在父表單中，Iframe即子表單是document對象的一個子物件，可以直接在指令碼中訪問子表單中的對象：
當我們給這個標記設定了ID 屬性後，就可通過文檔 物件模型DOM對Iframe所含的HTML進行一系列控制。
比如在example.htm裡嵌入test.htm檔案，並控制test.htm裡一些標記對象：
<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號為myH1的H1標記裡的文字為hello,my dear，則可用:
document.myH1.innerText="hello,my dear"(其中，document可省)
在子表單中訪問並控制父表單中對象 ：
在子表單中我們可以通過其parent即父（雙親）對象來訪問父視窗中的對象。
如example.htm：
<html>
<body onclick="alert(tt.myH1.innerHTML)">
<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中訪問ID號為myH2中的標題文字並將之改為"hello,my friend"，我們就可以這樣寫：
parent.myH2.innerText="hello,my friend"
這裡parent對象就代表當前表單(example.htm所在表單)，要在子表單中訪問父表單中的對象，無一例外都通過parent對象來進行。
有一點要注意，Nestscape瀏覽器不支援Iframe標記
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
