Question

我正在使用此脚本根据内容自动调整iframe的高度和宽度..

<script language="JavaScript">


function autoResize(id){
    var newheight;
    var newwidth;

    if(document.getElementById){
        newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
        newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
    }

    document.getElementById(id).height= (newheight) + "px";
    document.getElementById(id).width= (newwidth) + "px";
}
</script>

在Iframe onload中调用此函数..

<iframe src="index.htm" scrolling='no'  width="100%" height="100%" name="CHANGETHIS" id="CHANGETHIS" marginheight="0" frameborder="0" onLoad="autoResize('CHANGETHIS');"></iframe>

考虑我使用超链接<a href="index2.htm">Redirect</a>

如果我点击Redirect超链接，则会根据内容重定向到index2.htm文件，iframe自动调整大小。如果我返回（浏览器后退或后退按钮）到上一页（index.htm），iframe自动调整大小只能在firefox中工作..它在IE中工作正常..

使用javascript或jquery在firefox中是否还有解决方法？

Answer 1

使用此：onresize="autoResize('CHANGETHIS');"

<iframe src="index.htm" scrolling='no'  width="100%" height="100%" name="CHANGETHIS" id="CHANGETHIS" marginheight="0" frameborder="0" onload="autoResize('CHANGETHIS');" onresize="autoResize('CHANGETHIS');"></iframe>

iframe Auto调整大小不能在Firefox中使用javascript工作

1 个答案: