Question

有人可以告诉我如何在内容中放入iframe吗？我有这个，因为我在我的网站上使用一个iframe，当点击一个链接显示不同的页面，我希望iframe适合内容，因为iframe对某些页面来说太长了内容但对于其他网页的内容来说太短了，它会关闭页面。

我真的没有太多代码可以显示哪些是相关的或哪些是有帮助的，但是根据下面的Stack规则是我到目前为止的代码。

我在这里看到了一些关于同样事情的问题但没有我真正理解的问题。

<iframe id="preview-frame" src="http://airforceadvice.com/PCS" name="preview-frame" frameborder="0" scrolling="no">
      </iframe>

Answer 1

将此添加到您的头部

<script language="javascript" type="text/javascript">
    function resizeIframe(obj) {
        obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
    }
</script>

并将您的iframe更改为：

<iframe name="Stack" src="http://stackoverflow.com/" frameborder="0" scrolling="no" id="iframe" onload='javascript:resizeIframe(this);' />

这是你正在寻找的吗？

调整iframe大小以适应多个页面上的内容

1 个答案: