iFrame动态调整大小，不显示整个页面

iFrame resized dynamically don't show entire page

本文关键字：显示 动态 调整 iFrame      更新时间：2023-09-26

我使用这个脚本来设置基于内容高度大小的iframe的高度，但我需要在菜单上单击两次，以显示整个内容。

看这里:http://www.luilui.com.br/inverno2013

有人知道为什么吗?

包含iframe脚本的页面:

<iframe name="iframe_site" id="iframe_site" src="inicio.asp" width="100%" scrolling="no" height="100%" marginheight="0" frameborder="0" ></iframe>

这是在iframe内的页面:

<body id="size">
.
.
.
.
content
.
.
.
.
    <script language="Javascript" type="text/javascript">
      var _iframe = parent.document.getElementById("iframe_site"),
          _height = _iframe.contentDocument.getElementById("size").scrollHeight || _iframe.contentWindow.document.getElementById("size").scrollHeight;
          _iframe.height = _height + 40;
    </script>
</body>

编辑:我不知道这是否有帮助，但只有页面inicio.asp出现完整，这是我在iframe标签中调用的页面

使用window.setTimeout我已经解决了这个问题....

<script language="Javascript" type="text/javascript">
    window.setTimeout( 
        function(){
            var _iframe = parent.document.getElementById("iframe_site"),
            _height = _iframe.contentDocument.getElementById("size").scrollHeight || _iframe.contentWindow.document.getElementById("size").scrollHeight;
            _iframe.height = _height;
        },
    2000);
</script>
相关文章：