iframe是什麼?iframe用法詳解

2021-07-25 08:14:57 字數 1956 閱讀 2135

經常和**打交道或者經常建站的朋友對iframe肯定不陌生,**有了iframe會變得更加美觀、大氣。對於初涉網際網路的新手來說,iframe並不熟悉,那麼iframe到底是什麼?iframe用法有哪些呢?

iframe是什麼

iframe就是我們常用的iframe標籤:。iframe標籤是框架的一種形式,也比較常用到,iframe一般用來包含別的頁面,例如我們可以在我們自己的**頁面載入別人**或者本站其他頁面的內容。iframe標籤的最大作用就是讓頁面變得美觀。iframe標籤的用法有很多,主要區別在於對iframe標籤定義的形式不同,例如定義iframe的長寬高。

iframe用法詳解

首先需要了解iframe標籤的寫法,和大多html標籤寫法相同,iframe標籤輸入形式為:和。以開頭,以結尾,將需要的文字內容新增到兩個標籤之間即可。iframe標籤內的內容可以做為瀏覽器不支援iframe標籤時顯示。

iframe標籤的屬性

align:left、right、top、middle、bottom。用於規定如何根據周圍的元素來對齊此框架。不贊成使用。請使用樣式代替。

frameborder:1、0。用於規定是否顯示框架周圍的邊框。

height:pixels、%。用於規定iframe的高度。

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

marginheight:pixels。定義iframe的頂部和底部的邊距。 

marginwidth:pixels。定義iframe的左側和右側的邊距。 

name:frame_name。規定iframe的名稱。 

scrolling:yes、no、auto。規定是否在iframe中顯示滾動條。

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

width:pixels。%。定義iframe的寬度。 

iframe用法案例

例子1。

width插入頁的寬;height插入頁的高;scrolling 是否顯示頁面滾動條(可選的引數為 auto、yes、no,如果省略這個引數,則預設為auto);frameborder  邊框大小;

注意:url建議用絕對路徑

傳說中百du用:

黑了88*8。。。

例子2。

如果乙個頁面裡面有框架。。隨便點頁面裡的連線,要求在這個裡開啟。在iframe 中加入name=** (**自己設定)

然後在修改預設開啟模式,:網頁head中加上或部分連線的目標框架設為(**)

例子3。

要插入乙個頁面。要求只拿中間一部分。其他的都不要。,。。

**:"  frameborder=no scrolling=no  width=776  height=2500>

控制插入頁被框架覆蓋的深度 marginwidth=0 marginheight=0;控制框架覆蓋上部分的深度 vspace=-170

scrolling滾動條要否(auto、yes、no)   frameborder框架的邊框大小,width=776  height=2500此框架的大小。

一、頁面內加入iframe ,

scrolling表示是否顯示頁面滾動條,可選的引數為auto、yes、no,如果省略這個引數,則預設為auto。

二、超連結指向這個嵌入的網頁,只要給這個iframe命名就可以了。方法是,例如我命名為aa,寫入這句html語言,然後,網頁上的超連結語句應該寫為:

三、如果把frameborder設為1,效果就像文字框一樣

透明的iframe的用法

必需ie5.5以上版本才支援

在transparentbody.htm檔案的標籤中,我已經加入了style="background-color=transparent" 通過以下四種iframe的寫法我想大概你對iframe背景透明效果的實現方法應該會有個清晰的了解:

iframe提交後重新整理兄弟iframe

父頁面中存在兩個iframe,乙個iframe中是乙個鏈結列表,其中的鏈結指向另乙個iframe,用於顯示內容。現在當內容內容新增後,在鏈結列表中新增了一條記錄,則需要重新整理列表iframe。在內容iframe的提交js中使用parent.location.reload 將父頁面全部重新整理,因為...

iframe如何傳值給父iframe

在子iframe中如果需要用js傳值給父視窗,或是呼叫父視窗的方法需要在前邊加上top.修改父視窗控制項屬性 window.parent.document.getelementbyid frmright src window.parent.document.getelementbyid frmrig...

iframe 跨越訪問 iframe跨域訪問

js跨域是個討論很多的話題。iframe跨域訪問也被研究的很透了。一般分兩種情況 一 是同主域下面,不同子域之間的跨域 同主域,不同子域跨域,設定相同的document.domian就可以解決 父頁訪問子頁,可以document.getelementbyid myframe contentwindo...