javascript - 在较新版本的 Internet Explorer 中，iframe 高度未使用 javascript 进行调整

Question

我有一个链接到另一个 html 页面的 iframe。iframe 包含在 div 中。我发现一些代码会根据 iframe 的内容自动调整高位。此代码在 Firefox 和旧版本的 Internet Explorer 中运行良好，但在 v7 或更高版本中无法调整高度.....

Javascript：

<script type="text/javascript"> 
    function changeContent(){ 
        document.getElementById('right').innerHTML = window.frames['contentFRAME'].document.getElementsByTagName('html')[0].innerHTML; 
    } 
</script>

HTML：

<div class="fl" id="right">
    <iframe class="newsFrame" id = "contentFRAME" name = "contentFRAME" src ="news.html" onLoad = "changeContent()"></iframe>
</div>

有没有人可以帮忙啊。。。。。。

Answer 1

尝试这个

function resizePanel() {
    window.console.log("ran the resize panel function");
    var frame = document.getElementsByTagName('iframe')[0];
    if(frame != null) {
        frame.style.height = frame.contentWindow.document.body.scrollHeight + "px";
    }
}