iframe去邊框、無邊框使用大全(實踐經(jīng)驗整理)

字號:


    iframe去邊框、無邊框在實際應(yīng)用中時比較常見的,本文整理了一些幾條iframe的使用技巧,喜歡的朋友可以參考下
    <iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe>
    <iframe runat="server" src="you page's url" width="750" height="30" frameborder="no" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
    runat="server" 這個最好加上Iframe跳轉(zhuǎn) asp.net 可在當(dāng)前iframe中跳轉(zhuǎn)
    src 鏈接到的地址URl
    frameborder 是否顯示邊框(0無邊框 1有邊框)
    scrolling 是否有滾動條(yes有滾動條 no無滾動條)
    allowtransparency 背景是否透明(yes透明 no不透明)
    iframe并不是很常用的,在標(biāo)準(zhǔn)的網(wǎng)頁中非常少用。把iframe解釋成“瀏覽器中的瀏覽器“是很恰當(dāng)?shù)摹?lt;iframe>也應(yīng)該是框架的一種形式,它與<frame>不同的是,iframe可以嵌在網(wǎng)頁中的任意部分。例如:
    <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強(qiáng)制顯示|no永不顯示|auto自動)
    Iframe標(biāo)記的使用格式是:
    <Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe>
    src:文件的路徑,既可是HTML文件,也可以是文本、ASP等;
    width、height:"內(nèi)部框架"區(qū)域的寬與高;
    scrolling:當(dāng)SRC的指定的HTML文件在指定的區(qū)域不顯不完時,滾動選項,如果設(shè)置為NO,則不出現(xiàn)滾動條;如為 Auto:則自動出現(xiàn)滾動條;如為Yes,則顯示;
    FrameBorder:區(qū)域邊框的寬度,為了讓“內(nèi)部框架“與鄰近的內(nèi)容相融合,常設(shè)置為0。
    name:框架的名字,用來進(jìn)行識別。
    <iframe>用于設(shè)置文本或圖形的浮動圖文框或容器。
    border
    <iframe></iframe>
    設(shè)定圍繞圖文框的邊緣寬度
    frameboder
    <iframe frameboder="0"></iframe>
    設(shè)置邊框是不否為3維(0=否,1=是)
    height,width
    <iframe height="31" width="88"></iframe>
    設(shè)質(zhì)邊框的寬度和高度
    scrolling
    <iframe scrolling="no"></iframe>
    是否有滾動條(yes,no,auto)
    src
    <iframe src="girl.gif"></iframe>
    指定iframe調(diào)用的文件或圖片(html,htm,gif,jpeg,jpg,png,txt,*.*)
    注意事項:
    一個浮動框架不需要通過<frameset>元素聲明為框架設(shè)置的一部分;
    WebTV和Netscape 4.x(4.0 到 4.75)不支持浮動框架。
    在HTML4.01嚴(yán)格規(guī)范中,<iframe>元素沒有被定義。浮動框架可以使用<div>元素和CSS定位方法來模仿實現(xiàn)。
    浮動幀標(biāo)記Iframe的屬性:
    1、文件位置:
    語法:src=url
    說明:url為嵌入的HTML文件的位置,可以是相對地址,也可以是絕對地址。
    示例:<iframe src="iframe.html">
    2、對象名稱:
    語法:name=#
    說明:#為對象的名稱。該屬性給對象取名,以便其他對象利用。
    示例:<iframe src="iframe.html" name="iframe1">
    3、ID選擇符:
    語法:id=#
    說明:指定該標(biāo)記的唯一ID選擇符。
    示例:<iframe src="iframe.html" id="iframe1">
    4、容器屬性:
    語法:height=# width=#
    說明:該屬性指定浮動幀的高度和寬度。取值為正整數(shù)(單位為像素)或百分?jǐn)?shù)。
    height:指定浮動幀的高度;
    width:指定浮動幀的寬度。
    示例:<iframe src="iframe.html" height=400 width=400>
    5、尺寸調(diào)整:
    語法:noresize
    說明:IE專有屬性,指定浮動幀不可調(diào)整尺寸。
    示例:<iframe src="iframe.html" noresize>
    6、邊框顯示:
    語法:frameborder=0、1
    說明:該屬性規(guī)定是否顯示浮動幀邊框。
    0:不顯示浮動幀邊框;
    1:顯示浮動幀邊框。
    示例:<iframe src="iframe.html" frameborder=0>
    <iframe src="iframe.html" frameborder=1>
    7、邊框厚度:
    語法:border=#
    說明:該屬性指定浮動幀邊框的厚度,取值為正整數(shù)和0,單位為像素。為了將浮動幀與頁面無縫結(jié)合,border一般等于0。
    示例:<iframe src="iframe.html" border=1>
    8、邊框顏色:
    語法:bordercolor=color
    說明:該屬性指定浮動幀邊框的顏色。color可以是RGB色(RRGGBB),也可以是顏色名。
    示例:<iframe src="iframe.html" bordercolor=red>
    9、對齊方式:
    語法:align=left、right、center
    說明:該屬性指定浮動幀與其他對象的對齊方式。
    left:居左;
    right:居右;
    center:居中。
    示例:<iframe src="iframe.html" align=left>
    <iframe src="iframe.html" align=right>
    <iframe src="iframe.html">
    10、相鄰間距:
    語法:framespacing=#
    說明:該屬性指定相鄰浮動幀之間的間距。取值為正整數(shù)和0,單位為像素。
    示例:<iframe src="iframe.html" framespacing=10>
    11、內(nèi)補(bǔ)白屬性:
    語法:hspace=# vspace=#
    說明:該屬性指定浮動幀內(nèi)的邊界大小。取值為正整數(shù)和0,單位為像素。兩個屬性應(yīng)同時應(yīng)用。
    hspace:浮動幀內(nèi)的左右邊界大?。?BR>    vspace:浮動幀內(nèi)的上下邊界大小。
    示例:<iframe src="iframe.html" hspace=1 vspace=1>
    12、外補(bǔ)白屬性:
    語法:marginheight=# marginwidth=#
    說明:該屬性指定浮動幀的邊界大小。取值為正整數(shù)和0,單位為像素。兩個屬性應(yīng)同時應(yīng)用。
    marginheight:浮動幀的左右邊界大??;
    marginwidth:浮動幀的上下邊界大小。
    示例:<iframe src="iframe.html" marginheight=1 marginwidth=1>