Javascript 当页面包含DOM时，iframe基于内容的自动高度不调整大小

当页面包含DOM时，iframe基于内容的自动高度不调整大小

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

<iframe src="http://site.com/page.php" frameborder="0" width="995" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" onload="javascript:resizeIframe(this);"></iframe>

功能调整框架（obj）{
obj.style.height=obj.contentWindow.document.body.scrollHeight+'px'；
}

在我发现这个问题之前，它工作得很好

其中一个iframe站点页面包含DOM以隐藏和显示更多文本

当用户点击它时，它会显示更多的文本，但iframe不会调整大小，也不会显示整个页面

我需要它正常工作

有人能帮忙吗

---

谢谢

您需要检测iFrame中的DOM已更改，然后重新计算IE帧的大小。最好的方法是使用MutationObserver。但是，这在IE10及以下版本中不起作用，因此您必须使用回退

看看我的小图书馆，它会帮你处理所有这些