iframe學習總結

2021-07-14 06:37:48 字數 3302 閱讀 6806

iframe一般用來包含別的頁面,例如我們可以在我們自己的**頁面載入別人**的內容,為了更好的

1、iframe 定義和用法 

iframe 元素會建立包含另外乙個文件的內聯框架(即行內框架)。 

html 與 xhtml 之間的差異 

在 html 4.1 strict dtd 和 xhtml 1.0 strict dtd 中,不支援 iframe 元素。 

提示和注釋: 

瀏覽器。 

iframe標籤是成對出現的,以開始,結束 

iframe標籤內的內容可以做為瀏覽器不支援iframe標籤時顯示 

屬性 屬性值描述

dtdalign

left

right

topmiddle

bottom

不贊成使用。請使用樣式代替。

規定如何根據周圍的元素來對齊此框架。

tfframeborder10

規定是否顯示框架周圍的邊框。

tfheight

pixels

%規定 iframe 的高度。

tflongdesc

url 規定乙個頁面,該頁面包含了有關 iframe 的較長描述。

tfmarginheight

pixels

定義 iframe 的頂部和底部的邊距。

tfmarginwidth

pixels

定義 iframe 的左側和右側的邊距。

tfname

frame_name

規定 iframe 的名稱。

tfscrolling

yesno

auto

規定是否在 iframe 中顯示滾動條。

tfsrc

url 規定在 iframe 中顯示的文件的 url。

tfwidth

pixels

%定義 iframe 的寬度。

tf示例 

複製****如下:

指令碼之家使用了框架技術,但是您的瀏覽器不支援框架,請公升級您的瀏覽器以便正常訪問指令碼之家。 

使用畫素定義iframe框架大小 

複製****如下:

指令碼之家使用了框架技術,但是您的瀏覽器不支援框架,請公升級您的瀏覽器以便正常訪問指令碼之家。 

使用百分比定義iframe框架大小 

2、iframe 透明

在transparentbody.htm檔案的標籤中,我已經加入了style="background-color=transparent" 

通過以下四種iframe的寫法我想大概你對iframe背景透明效果的實現方法應該會有個清晰的了解: 

複製****如下:

iframe是迫不得已才使用的,因為使用iframe會帶來較多的問題,而有的瀏覽器可以設定將iframe當作

廣告遮蔽。 

在最近的乙個工作內容中使用了iframe,開始遇到的問題是iframe高度自適應的問題,這問題在口碑網

ued團隊部落格中找到了解決辦法,後來更遇到乙個iframe透明的問題 

通常 iframe底色會是白色,在不同瀏覽器下可能會有不同的顏色 

如果主頁面有乙個整體的背景色或者背景的時候 

iframe區域便會出現乙個白色塊,與主體頁面不協調,這就需要iframe透明 

通過google搜尋iframe透明找到了解決辦法 

複製****如下:

當然前提是iframe頁面中沒有設定顏色 

[code] 

注:iframe透明主要是使用了 allowtransparency="true" style="background-color=transparent" 

3、iframe自適應高度

由於篇幅過長,大家可以移步這裡檢視 

4、通過js輸出iframe廣告**

[code] 

document.write(''); 

5、有時候我們需要考慮使用者的瀏覽器是否支援iframe標籤,那麼就需要如下的寫法

複製****如下:

您的瀏覽器不支援嵌入式框架,或者當前配置為不顯示嵌入式框架。

*****===

iframe如何重新整理一直都被網友所關注,接下來為大家詳細介紹下三種:用iframe的name屬性定位/id屬性

定位/當iframe的src為其它**位址時,

**如下:

方案一: 

用iframe的name屬性定位 

複製****如下:或  

方案二: 

用iframe的id屬性定位 

複製****如下:

終極方案: 

當iframe的src為其它**位址(跨域操作時) 

複製****如下:

*****===

frame的src賦值的問題,本文將進行詳細**:伺服器端的iframe重新src重新賦值,給iframe加乙個id,

再加上runat=server, 

今天遇到這個問題,伺服器端的iframe重新src重新賦值,給iframe加乙個id,再加上runat=server 

1.通過js 給 iframe 的src 賦值 

2.如果需要在c# 後台,頁面載入時就改變iframe的src 可以通過 

如申請為伺服器端控制項 

在程式裡寫 

複製****如下:

ifram.attributes.add("src",strurl); 

strurl是個string可以任意賦值了。

*****===

不設定為about:blank,記憶體不會釋放掉。還必須用 iframe.document.write(''); 這樣才能將內容清空

,本文將詳細**一下iframe的src設定為about:blank之後細節, 

設定 iframe 的 src 為 'about:blank' 之後,不置為「about:blank」,記憶體不會釋放掉。還必須用 

iframe.document.write(''); 

這樣才能將內容清空,但是這樣處理之後任然會有500-1000k左右的記憶體殘留,這就是ie6的iframe bug

,動態建立的iframe總會耗費掉一些記憶體。 

複製****如下:

function cleariframe(id)catch(e){}; 

//以上可以清除大部分的記憶體和文件節點記錄數了 

//最後刪除掉這個 iframe 就哦咧。 

document.body.removechild(el); 

} } cleariframe('iframe_id'); 

*****===

iframe用法總結

是框架的一種形式,也比較常用到。例子1。不用多說了。width插入頁的寬 height插入頁的高 scrolling 是否顯示頁面滾動條 可選的引數為 auto yes no,如果省略這個引數,則預設為auto frameborder 邊框大小 注意 url建議用絕對路徑 傳說中百du用 黑了88 ...

iframe用法總結

iframe用法總結 iframe是乙個非常有用的標籤,但是在各瀏覽器中都有很大的差異。火狐中iframe常用的屬性 getuserdata setuserdata style contenteditable contentwindow contentdocument frameborder wid...

iframe用法總結

是框架的一種形式,也比較常用到。例子1。不用多說了。width插入頁的寬 height插入頁的高 scrolling 是否顯示頁面滾動條 可選的引數為 auto yes no,如果省略這個引數,則預設為auto frameborder 邊框大小 注意 url建議用絕對路徑 傳說中百du用 黑了88 ...