Iframe调整大小和跨站点脚本

Question

这是问题！我有一个加载外部网站的iframe。我希望iframe根据内容高度调整到100％，这样我就不会看到滚动条。将iframe高度设置为100％不起作用。

我想出了两个解决方案：

1. 设置在两个document.domain属性来结束这给父窗口的iframe内容访问同一个域中， 。调整大小的方法可以从iframe中启动。
2. 使用HTML5 postMessage API采取适当的措施。我用来在两个iframe之间进行通信。

这两种方法是复杂的。有没有更简单的方法来解决这个问题？

Answer 1

您可以嵌入另一个IFRAME到您的iframe中。如果iframe的来源是来自同一个域，协议和端口的顶级IFRAME那么它可以通过parent.parent

Answer 2

访问我遇到同样的问题，去年，发现为我工作在一个解决方案博客： http://solidgone.org/Set-IFRAME-height-based-on-size-of-remotely-loaded-content

该方法的更新版本可以在他的后续文章中找到：http://solidgone.org/Redux-Set-IFRAME-height-based-on-size-of-remotely-loaded-content

像杰克介绍，实施需要一个嵌入式的iframe到您的网页具有相同父域的源。

我在FF中遇到了一个小问题。该解决方案可以在后续文章的评论中找到。

希望这会有所帮助！

Answer 3

一个简单的解决办法是在github上使用这个小项目。

https://github.com/davidjbradshaw/iframe-resizer