iframe嵌入網頁的用法

2021-05-22 12:12:58 字數 1505 閱讀 2526

iframe並不是很常用的,在標準的網頁中非常少用。但是有朋友經常問到,下面我簡單地介紹一下它的用法,你只要熟練掌握這些引數足矣。

也應該是框架的一種形式,它與不同的是,iframe可以嵌在網頁中的任意部分。我們舉第乙個例子,具體**如:

,這裡的url可以是相對路徑,也可以是絕對路徑,效果如:

width表示寬度,height表示寬度,可根據實際情況調整。

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

二、如何實現頁面上的超連結指向這個嵌入的網頁?

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

在htm(html)檔案中是否可以像php、asp檔案一樣嵌入其他檔案呢?下面筆者介紹用iframe來實現的方法。

iframe元素的功能是在乙個文件裡內嵌乙個文件,建立乙個浮動的幀。其部分屬性簡介如下:

name:內嵌幀名稱

width:內嵌幀寬度(可用畫素值或百分比)

height:內嵌幀高度(可用畫素值或百分比)

frameborder:內嵌幀邊框

marginwidth:幀內文字的左右頁邊距

marginheight:幀內文字的上下頁邊距

scrolling:是否出現滾動條(「auto」為自動,「yes」為顯示,「no」為不顯示)

src:內嵌入檔案的位址

style:內嵌文件的樣式(如設定文件背景等)

allowtransparency:是否允許透明

明白了以上屬性後,我們可用以下**實現,在main.htm中把samper.htm檔案的內容顯示在乙個高度為80、寬度為100%、自動顯示邊框的內嵌幀中:

〈iframe name="import_frame" width=100%

height=80 src="samper.htm" frameborder=auto〉

〈/iframe〉

不錯吧,馬上「ctrl+c」、「ctrl+v」試試。

有時我們為強調頁面的某項內容,想讓它先於頁面的其他內容顯示。同樣用iframe即可輕鬆實現:

先把要強調顯示的內容另存為乙個檔案,如first.htm,然後通過乙個預載頁index.htm,內容如下:

頁面載入中,請稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉

〈/body〉

主檔案index2.htm

〈body〉

〈iframe src="first.htm"加入其他屬性限制〉〈/iframe〉

〈/body〉

first.htm的內容就會先於頁面的其他內容出現在您的瀏覽器裡了,是不是很簡單?再「ctrl+c」、「ctrl+v」一次?

iframe嵌入網頁的用法

iframe 並不是很常用的,在標準的網頁中非常少用。但是有朋友經常問到,下面我簡單地介紹一下它的用法,你只要熟練掌握這些引數足矣。也應該是框架的一種形式,它與不同的是,iframe可以嵌在網頁中的任意部分。我們舉第乙個例子,具體 如 這裡的url可以是相對路徑,也可以是絕對路徑,效果如 width...

iframe嵌入網頁的用法

iframe並不是很常用的,在標準的網頁中非常少用。但是有朋友經常問到,下面我簡單地介紹一下它的用法,你只要熟練掌握這些引數足矣。也應該是框架的一種形式,它與不同的是,iframe可以嵌在網頁中的任意部分。我們舉第乙個例子,具體 如 這裡的url可以是相對路徑,也可以是絕對路徑,效果如 width表...

Flex中嵌入網頁 IFrame

這段時間一直在苦心研究flex,今天突然想,我們平時都是把swf放到網頁中,怎麼才能把網 b 頁嵌入到flex中呢?我查了一些資料,然後經過自己的不懈努力,終於搞定。為了方便,寫了個嵌入html頁面的 iframe元件,該元件封裝了所有需要的flex端 後面只要通過標籤呼叫就ok了。iframe.m...