javascript – 检测iframe内容高度变化

有很多示例显示如何动态地将iframe的高度设置为其内容.这对我来说是完美的.我现在遇到的问题是内容可以改变大小而不触发onload(认为隐藏/可扩展的div).

有什么办法来检测iframe内容的大小何时发生变化?这是在同一个域,不需要jQuery.

我会通过使用setInterval定期(可能每200毫秒,或许更经常)轮询来执行此操作.然后,您可以将内容的大小与上次的大小进行比较.

var iframe = document.getElementById('myIframe'),
    lastheight;

setInterval(function(){
    if (iframe.document.body.scrollheight != lastheight) {
        // adjust the iframe's size

        lastheight = iframe.document.body.scrollheight;
    }
}, 200);
翻译自:https://stackoverflow.com/questions/4513266/detect-iframe-content-height-change

转载注明原文:javascript – 检测iframe内容高度变化