Question

我的网站上有一个iframe，内容灵活（我希望这可以在移动设备上运行。）

iFrame代码是

<iframe src="projects/" width="100%" frameborder="0" scrolling="no" id="iframe" onload='javascript:resizeIframe(this);'></iframe>

这也在同一个网站上，因此它可以完美地加载和重新启用。

这是iframe调用的javascript：

<script language="javascript" type="text/javascript">
    function resizeIframe(obj) {
        obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
    }

    window.onresize = function(event) {
        obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
    }
</script>

现在，问题在于，每当浏览器的宽度发生变化时，我都希望它能够改变Iframe的高度。这个现在不行。当我以不同的宽度分辨率刷新网站时它会起作用，但只有这样。我只是希望每次更改浏览器的宽度时都要检查脚本。

我该怎么做？

我感谢所有帮助

更新

好吧，我已经改变了我的javascript代码，但它不起作用，我想？（我对javascript很新）

    <script language="javascript" type="text/javascript">
    window.onresize = function() {
        var obj = document.getElementById('iframer').document;
        alert('Changing the height!');

        obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
        alert('Height set!');
</script>

第一个警报显示但不显示第二个警报。所以似乎有些不对劲。

我感谢所有帮助。： - ）

Iframe - 当窗口宽度发生变化时自动更改Iframe的高度

0 个答案: