Iframe 用法的詳細講解

把iframe解釋成“瀏覽器中的瀏覽器“很是恰當

<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src=http://www.163.com></iframe>

<IFRAME>用於設定文字或圖形的浮動圖文框或容器。

BORDER

<IFRAME BORDER="3"></IFRAME>

設定圍繞圖文框的邊緣寬度

FRAMEBODER

<IFRAME FRAMEBODER="0"></IFRAME>

設定邊框是不否為3維（0=否，1=是）

HEIGHT,WIDTH

<IFRAME HEIGHT="31" WIDTH="88"></IFRAME>

設質邊框的寬度和高度

SCROLLING

<IFRAME SCROLLING="NO"></IFRAME>

是否有滾動條（YES,NO,AUTO)

SRC

<IFRAME SRC="GIRL.GIF"></IFRAME>

指定IFRAME呼叫的檔案或圖片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)

IFRAME 元素 | iframe 

建立內嵌浮動框架。

成員表

下面的表格列出了 iframe 物件引出的成員。請單擊左側的標籤來選擇你想要檢視的成員型別。

標籤屬性/屬性

SHOW:

標籤屬性/屬性

行為

集合

事件

濾鏡

方法

物件

樣式

標籤屬性 屬性 描述

ALIGN align 設定或獲取表格排列。

ALLOWTRANSPARENCY allowTransparency 設定或獲取物件是否可為透明。

APPLICATION APPLICATION 表明物件的內容是否為 HTML 應用程式(HTA)，以便免除瀏覽器安全模式。

ATOMICSELECTION 指定元素及其內容是否可以一不可見單位統一選擇。

BEGIN begin 設定或獲取時間線在該元素上播放前的延遲時間。

BORDER border 設定或獲取框架間的空間，包括 3D 邊框。

canHaveChildren 獲取表明物件是否可以包含子物件的值。

canHaveHTML 獲取表明物件是否可以包含豐富的 HTML 標籤的值。

CLASS className 設定或獲取物件的類。

contentWindow 獲取指定的 frame 或 iframe 的 window 物件。

DATAFLD dataFld 設定或獲取由 dataSrc 屬性指定的繫結到指定物件的給定資料來源的欄位。

DATASRC dataSrc 設定或獲取用於資料繫結的資料來源。

disabled 獲取表明使用者是否可與該物件互動的值。

END end 設定或獲取表明元素結束時間的值，或者元素設定為重複的簡單持續終止時間。

firstChild 獲取物件的 childNodes 集合的第一個子物件的引用。

FRAMEBORDER frameBorder 設定或獲取是否顯示框架的邊框。

hasMedia 獲取一個表明元素是否為 HTML+TIME 媒體元素的 Boolean 值。

HEIGHT height 設定或獲取物件的高度。

HIDEFOCUS hideFocus 設定或獲取表明物件是否顯式標明焦點的值。

HSPACE hspace 設定或獲取物件的水平邊距。

ID id 獲取標識物件的字串。

innerText 設定或獲取位於物件起始和結束標籤內的文字。

isContentEditable 獲取表明使用者是否可編輯物件內容的值。

isDisabled 獲取表明使用者是否可與該物件互動的值。

isMultiLine 獲取表明物件的內容是包含一行還是多行的值。

isTextEdit 獲取是否可使用該物件建立一個 TextRange 物件。

LANG lang 設定或獲取要使用的語言。

LANGUAGE language 設定或獲取當前指令碼編寫用的語言。

lastChild 獲取該物件 childNodes 集合中最後一個子物件的引用。

longDesc 設定或獲取物件長描述的統一資源識別符號(URI)。

MARGINHEIGHT marginHeight 設定或獲取顯示框架中文字之前的上下邊距高度。

MARGINWIDTH marginWidth 設定或獲取顯示框架中文字之前的左右邊距寬度。

NAME name 設定或獲取框架的名稱。

nextSibling 獲取對此物件的下一個兄弟物件的引用。

nodeName 獲取特定結點型別的名稱。

nodeType 獲取所需結點的型別。

nodeValue 設定或獲取結點的值。

offsetHeight 獲取物件相對於版面或由父座標 offsetParent 屬性指定的父座標的高度。

offsetLeft 獲取物件相對於版面或由 offsetParent 屬性指定的父座標的計算左側位置。

offsetParent 獲取定義物件 offsetTop 和 offsetLeft 屬性的容器物件的引用。

offsetTop 獲取物件相對於版面或由 offsetTop 屬性指定的父座標的計算頂端位置。

offsetWidth 獲取物件相對於版面或由父座標 offsetParent 屬性指定的父座標的寬度。

onOffBehavior 獲取表明指定的 Microsoft® DirectAnimation® 行為是否正在執行的物件。

outerHTML 設定或獲取物件及其內容的 HTML 形式。

outerText 設定或獲取物件的文字。

ownerDocument 設定或獲取結點關聯的 document 物件。

parentElement 獲取物件層次中的父物件。

parentNode 獲取文件層次中的父物件。

parentTextEdit 獲取文件層次中可用於建立包含原始物件的 TextRange 的容器物件。

previousSibling 獲取對此物件的上一個兄弟物件的引用。

readyState 獲取物件的當前狀態。

readyState 獲取表明物件當前狀態的值。

recordNumber 獲取資料集中生成物件的原始記錄。

scopeName 獲取為該元素定義的名稱空間。

SCROLLING scrolling 設定或獲取框架是否可被滾動。

SECURITY SECURITY 獲取表明 frame 或 iframe 的原始檔是否應用了特定的安全限制的值。

sourceIndex 獲取物件在源序中的依次位置，即物件出現在 document 的 all 集合中的順序。

SRC src 設定或獲取要由物件裝入的 URL。

STYLE 為該設定元素設定內嵌樣式。

SYNCMASTER syncMaster 設定或獲取時間容器是否必須在此元素上同步回放。

SYSTEMBITRATE 獲取系統中大約可用頻寬的 bps。

SYSTEMCAPTION 表明是否要顯示文字來代替演示的的音訊部分。

SYSTEMLANGUAGE 表明是否在使用者計算機上的選項設定中選中了給定語言。

SYSTEMOVERDUBORSUBTITLE 指定針對那些正在觀看演示但對被播放的音訊所使用的語言並不熟悉的使用者來說是否要渲染配音或字幕。

TABINDEX tabIndex 設定或獲取定義物件的 Tab 順序的索引。

tagName 獲取物件的標籤名稱。

tagUrn 設定或獲取在名稱空間宣告中指定的統一資源名稱(URN)。

TIMECONTAINER timeContainer 設定或獲取與元素關聯的時間線型別。

TITLE title 設定或獲取物件的諮詢資訊(工具提示)。

uniqueID 獲取為物件自動生成的唯一識別符號。

UNSELECTABLE 指定該元素不可被選中。

VSPACE vspace 設定或獲取物件的垂直邊距。

WIDTH width 設定或獲取物件的寬度。

標籤屬性/屬性

行為

行為 描述

clientCaps 提供關於 Internet Explorer 支援的特性的資訊，以及提供即用即裝的方法。

download 下載檔案並在下載完成後通知一個指定的回撥函式。

homePage 包含關於使用者主頁的資訊。

time 為 HTML 元素提供一個活動的時間線。

time2 為 HTML 元素或一組元素提供一個活動的時間線。

集合

集合 描述

all 返回物件所包含的元素集合的引用。

attributes 獲取物件標籤屬性的集合。

behaviorUrns 返回標識附加到該元素行為的統一資源名稱(URN)字串的集合。

childNodes 獲取作為指定物件直接後代的 HTML 元素和 TextNode 物件的集合。

children 獲取作為物件直接後代的 DHTML 物件的集合。

事件

事件 描述

onactivate 當物件設定為活動元素時觸發。

onafterupdate 當成功更新資料來源物件中的關聯物件後在資料繫結物件上觸發。

onbeforedeactivate 在 activeElement 從當前物件變為父文件其它物件之前立即觸發。

onbeforeupdate 當成功更新資料來源物件中的關聯物件前在資料繫結物件上觸發。

onblur 在物件失去輸入焦點時觸發。

oncontrolselect 當用戶將要對該物件製作一個控制元件選中區時觸發。

ondeactivate 當 activeElement 從當前物件變為父文件其它物件時觸發。

onerrorupdate 更新資料來源物件中的關聯資料出錯時在資料繫結物件上觸發。

onfocus 當物件獲得焦點時觸發。

onload 在瀏覽器完成物件的裝載後立即觸發。

onmove 當物件移動時觸發。

onmoveend 當物件停止移動時觸發。

onmovestart 當物件開始移動時觸發。

onreadystatechange 當物件狀態變更時觸發。

onresizeend 當用戶更改完控制元件選中區中物件的尺寸時觸發。

onresizestart 當用戶開始更改控制元件選中區中物件的尺寸時觸發。

ontimeerror 當特定時間錯誤發生時無條件觸發，通常由將屬性設定為無效值導致。

濾鏡

濾鏡屬性 描述

Alpha 調整物件內容的不透明度。

AlphaImageLoader 在物件的邊界和物件背景到內容之間顯示影象，可選剪裁或縮放影象大小。當裝入便攜網路影象(PNG)時，從 0到 100% 的透明度都是支援的。

Barn 以開門或關門的運動方式顯示物件的新內容。

BasicImage 調整物件內容的顏色處理、影象旋轉或不透明度。

BlendTrans 以漸隱原始內容的形式顯示物件的新內容。

Blinds 以開啟或關閉盲點的運動方式顯示物件的新內容。

Blur 模糊物件的內容以便使其看起來失去焦點。

CheckerBoard 以揭開覆蓋在原始內容上的棋盤的形式顯示物件的新內容。

Chroma 將物件內容的指定顏色顯示為透明。

Compositor 以新舊內容邏輯顏色組合的形式顯示物件的新內容。每個版本的顏色和 alpha 值都會被計算用來決定輸出影象的最終顏色。

DropShadow 建立物件內容的實體陰影，偏移量位於指定方向。這將使得內容看起來是浮動的因此會產生陰影。

Emboss 使用灰度值對物件以浮雕紋理顯示。

Engrave 使用灰度值對物件以雕刻紋理顯示。

Fade 以漸隱原始內容的形式顯示物件的新內容。

FlipH 以沿水平方向翻轉的形式顯示物件內容。

FlipV 以沿垂直方向翻轉的形式顯示物件內容。

Glow 在物件邊緣外側新增光暈以便使其看起來像發光的樣子。

Gradient 在物件的背景和內容之間顯示一個漸變色彩的表面。

GradientWipe 以在原有內容上覆蓋漸變帶的形式顯示物件的新內容。

Gray 以灰度顯示物件內容。

ICMFilter 根據影象顏色管理(ICM)配置檔案轉換物件的彩色內容。這將允許指定內容的顯示效果得以改善，或者在印表機或監視器等硬體裝置上模擬顯示。

Inset 以對角線方向顯示物件的新內容。

Invert 反轉物件內容的色調、飽和度和亮度。

Iris 以彩虹效果顯示物件的新內容，這與照相機光圈開啟相似。

Light 在物件的內容上建立燈光效果。

MaskFilter 將物件內容的透明畫素顯示為彩色遮罩，將非透明畫素顯示為透明。

Matrix 使用矩陣變換縮放、旋轉或顯現物件的內容。

MotionBlur 以運動模糊的效果顯示物件內容。

Pixelate 將物件的內容顯示為彩色方塊，其顏色取決於該方塊所替代區域的平均顏色值。此濾鏡顯示可用於切換。

RadialWipe 以輻射狀擦除的形式顯現物件的新內容。

RandomBars 以隨機畫素線爆炸的形式顯現物件的新內容。

RandomDissolve 以隨機畫素爆炸的形式顯現物件的新內容。

Redirect 目前還不支援。

RevealTrans 使用 24 種預先定義的切換效果顯現物件的新內容。

Shadow 建立物件內容的實體陰影，偏移量位於指定方向。這將建立陰影效果。

Slide 以影象滑行的形式顯現物件的新內容。

Spiral 以螺旋運動的形式顯現物件的新內容。

Stretch 以拉伸覆蓋原始內容的形式顯現物件的新內容。有一個選項類似立方體從一個表面轉到另外一個表面。

Strips 以條形覆蓋的形式顯現物件的原始內容，好像有一把鋸將原始內容鋸開。

Wave 在物件的內容上執行垂直方向的正弦波扭曲。

Wheel 以旋轉運動的形式顯現物件的新內容，好像輪子滾過原始內容。

Xray 更改物件內容的顏色深度將其以黑白顯示。

Zigzag 在物件上將物件的新內容進行來回移動以便覆蓋原始內容。

方法

方法 描述

addBehavior 給元素附加一個行為。

appendChild 給物件追加一個子元素。

applyElement 使得元素成為其它元素的子元素或父元素。

attachEvent 將指定函式繫結到事件，以便每當該事件在物件上觸發時都呼叫該函式。

blur 使元素失去焦點並觸發 onblur 事件。

clearAttributes 從物件中刪除全部標籤屬性和值。

cloneNode 從文件層次中複製對物件的引用。

componentFromPoint 通過特定事件返回物件在指定座標下的位置。

contains 檢查物件中是否包含給定元素。

detachEvent 從事件中取消指定函式的繫結，這樣當事件觸發時函式就不會收到通知了。

dragDrop 初始化拖曳事件。

fireEvent 觸發物件的指定事件。

focus 使得元素得到焦點並執行由 onfocus 事件指定的程式碼。

getAdjacentText 返回鄰接文字字串。

getAttribute 獲取指定標籤屬性的值。

getAttributeNode 獲取由 attribute.name 屬性引用的 attribute 物件。

getElementsByTagName 獲取基於指定元素名稱的物件集合。

getExpression 獲取給定屬性的表示式。

hasChildNodes 返回表明物件是否有子物件的值。

insertAdjacentElement 在指定位置插入元素。

insertAdjacentHTML 在指定位置的元素中插入給定的 HTML 文字。

insertAdjacentText 在指定位置插入給定的文字。

insertBefore 在文件層次中插入元素作為父物件的子結點。

mergeAttributes 複製所有讀/寫標籤屬性到指定元素。

normalize 合併鄰接 TextNode 物件以便生成一個常規的文件物件模型。

removeAttribute 刪除物件的給定標籤屬性。

removeAttributeNode 從物件中刪除刪除 attribute 物件。

removeBehavior 分離元素的行為。

removeChild 從元素上刪除子結點。

removeExpression 從指定屬性中刪除表示式。

removeNode 從文件層次中刪除物件。

replaceAdjacentText 替換元素的鄰接文字。

replaceChild 用新的子元素替換已有的子元素。

replaceNode 用其它元素替換物件。

scrollIntoView 將物件滾動到可見範圍內，將其排列到視窗頂部或底部。

setActive 設定物件為當前物件而不將物件置為焦點。

setAttribute 設定指定標籤屬性的值。

setAttributeNode 設定 attribute 物件為物件的一部分。

setExpression 設定指定物件的表示式。

swapNode 交換文件層次中兩個物件的位置。

物件

物件 描述

runtimeStyle 代表了居於全域性樣式表、內嵌樣式和 HTML 標籤屬性指定的格式和樣式之上的物件的格式和樣式。

style 代表了給定元素所有可能的內嵌樣式的當前設定。

樣式

樣式標籤屬性 樣式屬性描述

ACCELERATOR accelerator 設定或獲取表明物件是否包含快捷鍵的字串。

background-attachment backgroundAttachment 設定或獲取背景影象如何附加到文件內的物件中。

background-color backgroundColor 設定或獲取物件內容後的顏色。

background-position-x backgroundPositionX 設定或獲取 backgroundPosition 屬性的 x 座標。

background-position-y backgroundPositionY 設定或獲取 backgroundPosition 屬性的 y 座標。

behavior behavior 設定或獲取 DHTML 行為的位置。

border-bottom borderBottom 設定或獲取物件下邊框的屬性。

border-bottom-color borderBottomColor 設定或獲取物件下邊框的顏色。

border-bottom-style borderBottomStyle 設定或獲取物件下邊框的樣