Iframe自适应高度_ie_firefox下都可用

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe</title>
</head>
<body>
<script type="text/javascript">
function SetCwinHeight(){
var bobo=document.getElementById("bobo"); //iframe id
if (document.getElementById){
if (bobo && !window.opera){
if (bobo.contentDocument && bobo.contentDocument.body.offsetHeight){
bobo.height = bobo.contentDocument.body.offsetHeight;
}else if(bobo.Document && bobo.Document.body.scrollHeight){
bobo.height = bobo.Document.body.scrollHeight;
}
}
}
}
</script>
<iframe width="100%" id="bobo" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="http://bbs.yooge.net"></iframe>
演示分割***************************************************************
</body>
</html>

复制代码

回复引用

管理员

Rank: 9 Rank: 9 Rank: 9

沙发

发表于 2008-9-13 21:38 | 只看该作者

更简单的方法：

<iframe name="main" marginwidth="0" marginheight="0" src="<?=$abouturl?>" frameborder="0" width="100%" scrolling="no" height="100%" onload="this.height=this.contentWindow.document.body.scrollHeight"></iframe>

复制代码

回复引用