使用iframe自动调整高度的技巧

8 min read

可以使用JavaScript来实现iframe自动调整高度。具体方法如下：

  1. 给iframe添加事件监听器。

  2. 在iframe加载完成时获取iframe的内容高度。

  3. 设置iframe的高度为内容高度。

下面是一个简单示例代码：

<iframe src="iframe.html" frameborder="0" onload="autoResize(this)"></iframe>

<script>
function autoResize(iFrame) {
  iFrame.height = iFrame.contentWindow.document.body.scrollHeight + "px";
}
</script>

在上面的代码中，当iframe加载完成时，会自动调用autoResize()函数来获取内容高度，并设置iframe的高度为内容高度。这样就可以实现自动调整iframe高度的效果。