首頁 >web前端 >html教學 >iframe的各項參數

iframe的各項參數

php中世界最好的语言
php中世界最好的语言原創
2018-02-11 11:10:105622瀏覽

這次帶給大家iframe的各項參數,iframe各項參數的注意事項有哪些,下面就是實戰案例,一起來看一下。

iframe src=”test.jsp” width=”100″ height=”50″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe>
<iframe  runat="server"  src="you page&#39;s url" width="750" height="30" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>

runat="server" 這個最好加上Iframe跳轉asp.net  可在目前iframe中跳轉
src 連結到的位址URl
frameborder 是否顯示邊框(0無邊框1有邊框)
scrolling 是否有捲軸(yes有滾動條no無滾動條)
allowtransparency 背景是否透明(yes透明no不透明)
iframe並不是很常用的,在標準的網頁中非常少用。把iframe解釋成「瀏覽器中的瀏覽器「是很恰當的。 d5ba1642137c3f32f4f4493ae923989c也應該是框架的一種形式,它與04a0d55efbbfd646a993fbc01f262c57不同的是,iframe可以嵌在網頁中的任意部分。例如:

<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe>

SRC=URI 嵌入式櫃架的頁面檔案路徑
NAME=CDATA 嵌入式櫃架的名稱
LONGDESC=URI 說明
WIDTH=Length 寬度
HEIGHT=Length 高度
ALIGN=[ top | middle | bottom | left | right ] 對齊方式
FRAMEBORDER=[ 1 | 0 ] 櫃架邊框
MARGINWIDTH=Pixels 左右空出寬度
# MARGINHEIGHT=Pixels 上下空出的高度
SCROLLING=[ yes | no | auto ] 流動條(yes強制顯示|no永不顯示|auto自動)
Iframe標記的使用格式是:
c01ebdb5e5703c2d0a8b863d214122f6065276f04003e4622c4fe6b64f465b88
src:檔案的路徑,既可是HTML文件,也可以是文字、ASP等;
width、height:「內部框架」區域的寬與高;
scrolling: 當SRC的指定的HTML文件在指定的區域不顯不完時,滾動選項,如果設定為NO,則不出現滾動條;如為Auto:則自動出現滾動條;如為Yes,則顯示;
FrameBorder:區域邊框的寬度,為了讓「內部框架「與鄰近的內容融合,常設定為0。
name:框架的名字,用來進行辨識。
d5ba1642137c3f32f4f4493ae923989c用於設定文字或圖形的浮動圖文框或容器。
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,*.*)

# 注意事項:
一個浮動框架不需要透過f900b4fc197b16ab214eecf015bb6bd2元素宣告為框架設定的一部分;
WebTV和Netscape 4.x(4.0 到4.75)不支援浮動框架。
在HTML4.01嚴格規範中,d5ba1642137c3f32f4f4493ae923989c元素沒有被定義。浮動框架可以使用dc6dce4a544fdca2df29d5ac0ea9906b元素和CSS定位方法來模仿實作。

浮動訊框標記Iframe的屬性:

1、檔案位置:  
語法:src=url  
說明:url為嵌入的HTML檔案的位置,可以是相對位址,也可以是絕對地址。  
範例:

<iframe   src="iframe.html">

2、物件名稱:  
語法:name=#  
說明:#為物件的名稱。此屬性為物件取名,以便其他物件可利用。  
範例:

<iframe   src="iframe.html"   name="iframe1">

3、ID選擇子:  
語法:id=#  
說明:指定該標記的唯一ID選擇子。  
範例:

<iframe   src="iframe.html"   id="iframe1">

4、容器屬性:  
語法:height=#   width=#  
說明:此屬性指定浮動訊框的高度和寬度。取值為正整數(單位為像素)或百分數。  
height:指定浮動訊框的高度;  
width:指定浮動訊框的寬度。  
範例:

<iframe   src="iframe.html"   height=400   width=400>

5、尺寸調整:  
語法:noresize  
說明:IE專有屬性,指定浮動框架無法調整尺寸。  
範例:

<iframe   src="iframe.html"   noresize>

6、邊框顯示:  
語法:frameborder=0、1  
說明:此屬性規定是否顯示浮動訊框邊框。  
0:不顯示浮動訊框邊框;  
1:顯示浮動訊框邊框。
範例:

<iframe   src="iframe.html"   frameborder=0>   
<iframe   src="iframe.html"   frameborder=1>

7、邊框厚度:  
語法:border=#  
說明:此屬性指定浮動訊框邊框的厚度,取值為正整數和0,單位為像素。為了將浮動幀與頁面無縫結合,border一般等於0。  
範例:

<iframe   src="iframe.html"   border=1>

8、邊框顏色:  
語法:bordercolor=color  
說明:此屬性指定浮動訊框邊框的顏色。 color可以是RGB色(RRGGBB),也可以是顏色名稱。  
範例:

<iframe   src="iframe.html"   bordercolor=red>

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

html如何實作滑鼠懸停提示A標籤內容

iframe的去邊框和無邊框有哪些操作方式

#怎麼使用trigger方式實作不用點選file類型的input彈出檔案選擇對話框

以上是iframe的各項參數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn