如何检测iframeresize？

有没有办法检测我的iframe内容是否已更改？

我的解决方法是我有一个循环，不断检查内容的高度它有效，但没有效率是否有另一种方法这样做？

Answer 1

由于iframe的内容具有单独的window元素，因此您可以在iframe内的脚本中执行此操作。

 $(window).resize(function(){ var object = $(this) // Use `object.height()` and `object.width()`. }); 

您还可以使用$("#the_iframe")[0].contentWindow.window （或类似的东西）而不是window来从包含iframe的范围访问iframe的window对象。

Answer 2

  setInterval(function() { var ifm = document.getElementById("UIMain"); var h = ifm.contentWindow.document.body.scrollHeight; ifm.height = h < 400 ? 400 : h; }, 800); 

纯javascript是OK.did不需要jquery。

Answer 3

这解决了这个问题：

iframe代码：

父页面：