iframe的动态高度

Question

我目前正在开发一个使用iframe的现有网站（叹息！），这些都非常难以使用，而且我在使用HTML内容的高度来扩展iframe的高度时遇到了问题。

我尝试过几个不同的脚本片段，它们漂浮在互联网上，但它们都没有为我工作。我真的想用jQuery来做这件事，但这不是一个选择，因为IT希望减少页面加载的大小。

有没有人知道这样做的好方法，对FF和IE 6 +都有效？

Answer 1

您应该只需设置高度和宽度参数 - 因为这些都是iframe dom元素的有效属性。

function resize(width, height) {
  var frame = document.getElementById('my_iframe');
  frame.width = width;
  frame.height = height;
}

当然，这仅适用于您尝试从其父元素（具有实际iframe标记的文档）调整iframe的大小。如果您尝试从iframe（iframe加载的文档）中调整iframe大小，则需要调用父元素的公共函数来执行调整大小。

在iframe中： parent.resize(600, 800);