使用 JavaScript 调整跨域 iFrame 的高度答案

【问题标题】：Using JavaScript to fit height for cross-domain iFrame使用 JavaScript 调整跨域 iFrame 的高度
【发布时间】：2016-02-01 10:47:46
【问题描述】：

我有一个相当棘手的问题。我与一个仅限于使用 HTML、CSS 和 JavaScript 的客户合作。我们已经使用 PHP 和 Javascript 构建了一个表单 - 目前我们只发现可以使用 iFrame 嵌入表单。我们没有 FTP 访问权限，因此 iFrame 是从不同的域加载的。

虽然表单使用 JavaScript 加载新的问题和结果，但这使得高度难以适应屏幕。如果框架适合某些屏幕，它将切断其他屏幕上的一些元素。虽然我无法将任何文件上传到包含 iFrame 的 FTP，it is not possible to use the helper-file solution, as described here。

所以，我的问题是：当加载特定的 div id/执行操作时，是否可以添加一个 JavaScript 操作来更改 iFrame 高度的 css？

提前致谢！ :)

编辑：我决定以不同的方式解决这个问题。但万一其他人偶然发现这篇文章，我认为here 提供的解决方案可能有效（如果更新代码以适应最新的 jQuery）。我的主要问题似乎是对客户端域的访问受限。

【问题讨论】：

Resizing an iframe based on content的可能重复
我实际上通读了这篇文章并尝试在他们的服务器上实现它。但是，我不允许将 helper-filer 上传到域。

标签： javascript php html css iframe

【解决方案1】：

如果 iframe 来自不同域，则无法控制父窗口文档属性。您如何尝试摆脱 iframe。

https://css-tricks.com/snippets/javascript/break-out-of-iframe/

【讨论】：