Question

我有一个我正在构建的页面需要使用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>

感谢您提供任何帮助，我希望我在这个问题上足够具体。

Answer 1

我不确定，但我假设你可以使用DOM Mutation Events在框架更改和调用内设置offsetWidth / offsetHeight body对象属性的事件处理程序autoResize。

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

iframe使用可扩展内容自动调整大小

1 个答案: