0

我有一个我正在构建的页面需要使用 iframe，以便我们可以对内容进行包装，也可以在没有内容的情况下显示它。我已经能够提出一些自动检测 iframe 高度的 JS，但其中的内容会扩展并且 iframe 无法识别这一点。我假设我需要在框架内容中提出某种 onclick，这将触发 iframe 再次调整大小，但到目前为止一直被卡住。

下面是我在 head 部分中用于自动调整 iframe 的函数的 JS：

<script type="text/JavaScript">



    function autoResize(id){
        //alert('check');
        var newheight;
        var newwidth;

        if(document.getElementById){
            newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
            newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
        }
        //alert(newheight);
        //alert(newwidth);
        document.getElementById(id).height= (newheight) + "px";
        document.getElementById(id).width= (newwidth) + "px";

    }


    </script>

然后这是带有 onload 和 ID 的 iframe：

<iframe id="showcase" src="index.html" onload="javascript: autoResize('showcase');" frameborder="0" width="800px" height="4000" scrolling="no"></iframe>

感谢您的帮助，我希望我对这个问题足够具体。

4

1 回答 1

0

我不确定，但我假设您可以使用DOM Mutation EventsoffsetWidth来设置框架内对象的/offsetHeight属性的事件处理程序body并调用autoResize.

同样，我不确定这是否可行。

于 2013-09-06T00:06:13.940 回答