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);