javascript - 检测 iframe 内容高度变化

Question

有大量示例展示了如何根据内容动态设置iframe 的高度。这对我来说很完美。我现在遇到的问题是内容可以在不触发 onload 的情况下更改大小(想想隐藏/可扩展的 div)。

有什么方法可以检测 iframe 内容的大小何时发生变化？这是在同一个域上，请不要使用 jQuery。

Answer 1

我会通过使用 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);