使用 JavaScript 来适应跨域 iFrame 的高度


Using JavaScript to fit height for cross-domain iFrame

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

虽然表单使用 JavaScript 加载新的问题和结果,但这使得高度难以适应屏幕。如果框架适合某些屏幕,它将切断其他屏幕上的某些元素。虽然我无法将任何文件上传到包含 iFrame 的 FTP,但无法使用帮助程序文件解决方案,如此处所述。

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

提前感谢! :)

编辑:我决定以不同的方式解决这个问题。但是,如果其他人偶然发现这篇文章,我认为这里提供的解决方案可能会起作用(如果更新代码以适应最新的jQuery(。就我而言,主要问题似乎是对客户端域的访问受限。

如果 iframe 来自不同的域,则无法控制父窗口文档属性。你怎么能尝试从iframe中消失。

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