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

我有一个相当棘手的问题。 我与仅限使用HTML,CSS和JavaScript的客户合作。 我们使用PHP和Javascript构建了一个表单 - 目前我们只能使用iFrame嵌入表单。 我们没有FTP访问权限,因此iFrame是从不同的域加载的。</ p>

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

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

提前致谢! :)</ p>

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

展开原文

原文

I have a rather tricky problem. I work with a client who are restricted to only use HTML, CSS and JavaScript. We have build a form using PHP and Javascript - and currently we only find it possible to embed the form using an iFrame. We have no FTP-access, so the iFrame is loaded from a different domain.

While the form use JavaScript to load new questions and results, this makes it difficult for the height to fit the screen. If the frame fits some of the screens, it will cut off some elements on other screens. While I am unable to upload any files to the FTP that contains the iFrame, it is not possible to use the helper-file solution, as described here.

So, my question is: is it possible to add a JavaScript action that change the css of the iFrame height, when a specific div id is loaded / action executed?

Thanks in advance! :)

EDIT: I decided to solve this differently. But in case anyone else will stumble across this post, I think the solution offered here might work (if the code is updated to fit the latest jQuery). The main problem in my case seemed to be the limited access to the client domain.

douruhu4282
douruhu4282 我实际上阅读了这篇文章并尝试在他们的服务器上实现它。但是,我不允许将助手文件管理器上传到域。
4 年多之前 回复
dongzi4030
dongzi4030 根据内容调整iframe大小的可能重复
4 年多之前 回复

1个回答



如果iframe来自不同的域,则无法控制父窗口文档属性。 你怎么可以尝试淘汰iframe。</ p>

https://css-tricks.com/snippets/javascript/break-out-of-iframe/ </ p>
</ div>

展开原文

原文

You can't control the parent window document property if the iframe is from different domain. How ever you can try busting out of the iframe.

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐