根据内容自动更改 iframe 的高度答案

【问题标题】：Automatically changing the height of an iframe based on its contents根据内容自动更改 iframe 的高度
【发布时间】：2012-09-28 00:04:59
【问题描述】：

我嵌入了一个带有iframe的论坛页面，论坛的主页在高度方面有一定的像素数，更准确地说是1500px，但是当我按下一个高度大于1500px的主题时，@ 987654323@ 添加滚动条。有什么办法可以动态实现吗？适应我提出的每一个新主题？

代码如下：

<div align="center">
    <iframe height="1500" width="1300" frameborder="0" src="http://thc-racing.forumotion.co.uk/">
        your browser does not support IFRAMEs
    </iframe>
</div>

我在 Google 上进行了搜索，但没有找到任何可用的代码。

这里是链接：http://thc-racing.ucoz.com/index/forum/0-14

【问题讨论】：

由于您要构建的站点位于不同的域中，因此无法通过 iframe 获取其内容（甚至不是高度）。现代浏览器的安全策略都不允许您这样做，否则网站将容易受到 XSS 攻击。

标签： html css iframe height

【解决方案1】：

Pavlo 说得对，您无法仅使用 HTML 和 CSS 来完成此操作，因为论坛位于不同的域中。但是，您可以使用一些服务器端脚本（例如 PHP）在您的域中获取论坛帖子。我不确定这是否适合您的项目，但我会为您描述一下，以防万一。您要做的是将 iFrame 源设置为服务器上的一个页面，例如 forum.php。然后，在该文件中，从所需的 URL 加载 HTML 并将其放入 DOM 对象中。这使您可以对已拉出的页面执行各种简洁的操作，例如确定事物的高度。我有一个非常相似的 Github。它从 Google 日历中获取源代码，以便您可以动态设置它的样式。在此处查看代码：

https://github.com/jmeas/PHP-Styled-Google-Calendar

如果您希望选择 PHP，请告诉我，我可以为您提供更详细的回复。

【讨论】：