您的位置:首页 > 编程语言

iframe高度自动适应代码

2009-12-01 19:06 519 查看
今天帮一个朋友解决iframe自动适应高度的问题,发现网上很多解决方案可以解决高度变大的问题,但当高度有大变到小的时候,则iframe的高度不变,经过不断搜索测试,发现下面一段代码有效。

其中的最小高度(红色字体部分)请各位根据自己的情况适应即可。

<script language="javascript">

function SetWinHeight(obj)

{

var win=obj;

obj.height=200;

if (document.getElementById)

{

if (win && !window.opera)

{

if (win.contentDocument && win.contentDocument.body.offsetHeight)

win.height = win.contentDocument.body.offsetHeight;

else if(win.Document && win.Document.body.scrollHeight)

win.height = win.Document.body.scrollHeight;

if(win.height < document.body.clientHeight)

win.height = document.body.clientHeight - 250;

}

}

}

</script>

<iframe id="top" name="top" marginwidth="0" marginheight="0" width="100%" height="180" src="title.htm" scrolling="no" frameborder="0"></iframe>

<iframe width="100%" align="center" height="200" id="main" name="main" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="main.htm"></iframe>

<iframe id="bottom" name="bottom" marginwidth="0" marginheight="0" width="100%" height="40" scrolling="no" src="copyright.htm" frameborder="0"></iframe>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: