當(dāng)前位置 : 首頁(yè)>軟件學(xué)院>程序開(kāi)發(fā)>CSS>正文

iframe元素用法總結(jié)

http://m.yibo1263.com　2009-12-23 18:55:00 　來(lái)源:東北IT網(wǎng) 　編輯:葉子

在 iframe 內(nèi)容源文檔，background-color 或 body 元素的 bgColor 標(biāo)簽屬性必須設(shè)置為 transparent。

具體事例

1. 包含框架頁(yè)的代碼。

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

2.transparent.htm頁(yè)的代碼。

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

對(duì)iframe進(jìn)行操作：

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

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

如果想取得iframe的頁(yè)面(不是iframe本身)。就需要使用第二種方法，因?yàn)樗〉玫氖且粋€(gè)完整的DOM模型，比如想得到iframe的document.body的內(nèi)容，就只能用第二種方法

操作iframe中的DOM元素，需要注意以下兩點(diǎn)：

必須先獲取指定iframe的document
對(duì)于1，必須在頁(yè)面load完以后才能獲取；

控制Iframe中的頁(yè)面的樣式

   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title></title> 
</head> 
<body> 
<iframe id="FF" src="B.htm"></iframe> 
<input type="submit" value=" OK " onclick="OK()"/> 
  
<script language="JavaScript"> 
function OK() 
{ 
    // 操作iframe中內(nèi)容的CSS 
    var iframe = document.getElementById('FF'); 
    var body = iframe.contentWindow.document.body; 
  
    body.style.marginTop = 50; 
    body.style.padding = 0; 
    body.style.fontSize = 30; 
    body.style.textAlign = 'center'; 
    body.style.backgroundColor = 'red'; 
    body.style.color = 'blue'; 
} 
</script> 
</body> 
</html>

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

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

window跟iframe標(biāo)簽是兩回事 iframe的contentWindow屬性是它里面的window

用getElementById才能取到iframe標(biāo)簽 ie直接用id得到的是里面的window

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

scrollHeight返回的是一個(gè)數(shù)字，沒(méi)有帶單位

在IE 下如果沒(méi)有DTD聲明，則按loose.dtd 解析，在設(shè)置對(duì)像的寬高時(shí)，會(huì)自動(dòng)的加上單位"px"

將iframe的高度設(shè)為document.body的高度，也并不一定能成功,因?yàn)閐ocument.body的高度可能沒(méi)有整個(gè)檔的高度大，如使用了層

正確寫(xiě)法如下

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

本新聞共4頁(yè),當(dāng)前在第3頁(yè) 1 2 3 4

【收藏】【打印】【進(jìn)入論壇】

相關(guān)文章：

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

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