Question

有没有办法检测我的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代码：

<body onload="parent.alertsize(document.body.scrollHeight);">

父页面：

<script>
function alertsize(pixels){
 pixels+=32;
document.getElementById('myiframe').style.height=pixels+"px";
}
</script>

如何检测iframe调整大小？

3 个答案: