解决火狐iframe自适应高度，兼容IE6、7、8

来源：互联网发布：东华软件员工数量编辑：程序博客网时间：2024/06/05 05:26

做网站最怕就是遇到不兼容问题，有时候在IE下看网页是非常完美的，可在火狐上一看变得一塌糊涂。这不？今天就遇到一个非常麻烦的问题，弄了半天，最终还是弄好了。这个问题是在网页上调用iframe标签的时候不能完全显示所调用页面的高度，只显示一半，在IE下没有问题，火狐就麻烦了。下面是解决代码：

    在网页<body>标签之前插入以下代码：

<script language="javascript">
function turnHeight(iframe)
{
    var frm = document.getElementById(iframe);
    var subWeb = document.frames ? document.frames[iframe].document : frm.contentDocument;
    if(frm != null && subWeb != null)
    { frm.height = subWeb.body.scrollHeight + 20;}
}
</script>

    调用代码如下：

<IFRAME id=iframe1 src="/main/sf.php" frameBorder=0 width="986" scrolling=no onload="turnHeight('iframe1');" height="100%"></IFRAME>

    这样就能解决火狐iframe自适应高度的问题，而且兼容IE。

    注意，iframe页面中的元素，不能使用float属性和display属性，否则在火狐中获取到的iframe高度将为0，导致自适应高度失败。