javascript - 使用JavaScript适配跨域iFrame的高度

Question

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

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

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

提前致谢! :)

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

Answer 1

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

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