页面高度更改时检查/触发

Question

案例：

我正在网上搜索基于其内容重新调整iframe的大小（iframe和页面托管来自同一个域）。我发现可能的工作解决方案是从iframe调用父窗口的函数发送大小来设置iframe的高度。这很容易实现。

问题：

现在的问题是iframe中的页面加载是AJAX密集型的，并且取决于用户在页面上的交互。高度可以相对于用户的动作增加或减少（请注意，高度仅在用户交互时发生变化，而不是随机或自动变化）。现在我想在“body”（页面内部iframe）的高度改变高度时触发一个函数。这有助于我每次高度变化时重新调整iframe的大小。

可能的解决方案：

我尝试使用

jQuery(document).ready(function(){
    document.body.watch("clientHeight", function(property, oldHeight, newHeight) {
        alert('New Height: ' + newHeight);
    });
});

但该功能永远不会触发。即使我让它工作，从我在互联网上找到的，它不适用于IE。我想要一个至少适用于IE8的解决方案。

另一种可能的解决方案是观察用户对可能导致高度变化的事件的交互。但由于有很多此类事件可能导致身高变化，因此效率非常低。

那么最好的解决方法是什么？

此致

Jehanzeb