iframe嵌入網頁的用法

2021-07-24 06:50:10 字數 1504 閱讀 6711

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...