亚洲AV无码乱码在线观看不卡|最新大伊香蕉精品视频在线|亚洲不卡av一区二区|国产美女无遮挡免费

登錄論壇 | 注冊會員 設(shè)為首頁 | 收藏本站
當前位置 : 首頁>軟件學院>程序開發(fā)>CSS>正文
 
iframe元素用法總結(jié)

http://www.yibo1263.com 2009-12-23 18:55:00  來源:東北IT網(wǎng)  編輯:葉子
 
  • 在 iframe 內(nèi)容源文檔,background-color 或 body 元素的 bgColor 標簽屬性必須設(shè)置為 transparent。
  • 具體事例

    1. 包含框架頁的代碼。

    1.   
    2.<body bgColor="#eeeeee"> <iframe allowTransparency="true" src="transparent.htm"> </iframe>

    2.transparent.htm頁的代碼。

    1.   
    2.<body bgColor="transparent">

    對iframe進行操作:

    1.   
    2.var obj = document.getElementById(“iframe”);//獲取對象 
    3.var dom = document.all.frames[“iframe”];//獲取DOM

    如果只想改變iframe的 src 或者 border ,scrolling 等attributes(與property不是一個概念,property是不能寫在標簽內(nèi)的,比如:scrollHeight,nnerHTML等),就需要用到第一種方法。

    如果想取得iframe的頁面(不是iframe本身)。就需要使用第二種方法,因為它取得的是一個完整的DOM模型,比如想得到iframe的document.body的內(nèi)容,就只能用第二種方法

    操作iframe中的DOM元素,需要注意以下兩點:

    1. 必須先獲取指定iframe的document
    2. 對于1,必須在頁面load完以后才能獲。

    控制Iframe中的頁面的樣式

    01.   
    02.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    03.<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    04.<head>
    05.<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    06.<title></title>
    07.</head>
    08.<body>
    09.<iframe id="FF" src="B.htm"></iframe>
    10.<input type="submit" value=" OK " onclick="OK()"/>
    11.  
    12.<script language="JavaScript">
    13.function OK()
    14.{
    15.    // 操作iframe中內(nèi)容的CSS
    16.    var iframe = document.getElementById('FF');
    17.    var body = iframe.contentWindow.document.body;
    18.  
    19.    body.style.marginTop = 50;
    20.    body.style.padding = 0;
    21.    body.style.fontSize = 30;
    22.    body.style.textAlign = 'center';
    23.    body.style.backgroundColor = 'red';
    24.    body.style.color = 'blue';
    25.}
    26.</script>
    27.</body>
    28.</html>

    去掉動態(tài)創(chuàng)建的iframe的邊框

    1.   
    2.var iframe = document.createElement('iframe');
    3.iframe.scrolling="no";//這兩個屬性的設(shè)置缺一不可。
    4.iframe.frameborder="no";

    window跟iframe標簽是兩回事 iframe的contentWindow屬性是它里面的window

    用getElementById才能取到iframe標簽 ie直接用id得到的是里面的window

    有關(guān)高度自適應(yīng)問題

    scrollHeight返回的是一個數(shù)字,沒有帶單位

    在IE 下如果沒有DTD聲明,則按loose.dtd 解析,在設(shè)置對像的寬高時,會自動的加上單位"px"

    將iframe的高度設(shè)為document.body的高度,也并不一定能成功,因為document.body的高度可能沒有整個檔的高度大,如使用了層

    正確寫法如下

    1.var MainFrame = parent.document.getElementById("main");
    2.MainFrame.style.height = document.documentElement.offsetHeight+"px";//最好在這上面還加上一個常數(shù),如10

    本新聞共4頁,當前在第3頁  1  2  3  4  

     
    收藏】【打印】【進入論壇
      相關(guān)文章:

     
     
     
     
    最新文章

    中關(guān)村艷照門女主角詳記錄高清組圖 
    大連護士門大尺度艷照高清組圖
    iPhone女孩微博爆紅 最寶貴東西換iPhon
    反恐精英之父內(nèi)維爾:改變電腦游戲銷售
    團購網(wǎng)站黎明之前:中國市場慘烈廝殺不
    團購鼻祖Groupon中國揭秘:快與慢的商業(yè)
    Spil Games發(fā)布新的品牌形象
    1800配置一臺主機 不要顯示器
    聯(lián)想V360筆記本模特寫真
    愛國者第四代移動硬盤將面市、低電壓保

     
    推薦文章
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    iPhone女孩微博爆紅 最寶貴東西換
    大連護士門大尺度艷照高清組圖
    中關(guān)村艷照門女主角詳記錄高清組
    蘋果員工中毒門
    宮如敏不雅照瘋傳 看張馨予韓一菲
    深耕市場 永續(xù)經(jīng)營——專訪百腦匯
    優(yōu)派專業(yè)電子書 讓您回家旅途多姿
    揭曉百萬大獎三星bada魅力綻放中
    大明龍權(quán)“江湖英雄會”全國PK大
    永恒之塔校園達人挑戰(zhàn)賽完美落幕
    八卦圖解 More>>
    iPhone女孩微博爆紅 最寶貴東西換 大連護士門大尺度艷照高清組圖
    中關(guān)村艷照門女主角詳記錄高清組 宮如敏不雅照瘋傳 看張馨予韓一菲
    铜鼓县| 共和县| 闽清县| 安西县| 昌都县| 云龙县| 新邵县| 盐津县| 呼图壁县| 台南市| 淄博市| 乐东| 滁州市| 旌德县| 赤水市| 镇沅| 凉城县| 监利县| 周至县| 长治市| 疏附县| 镶黄旗| 湾仔区| 恩平市| 金寨县| 三江| 孝昌县| 临猗县| 马尔康县| 赤峰市| 临泽县| 德令哈市| 湘乡市| 西充县| 海口市| 黑山县| 齐齐哈尔市| 西林县| 醴陵市| 镇原县| 启东市|