Javascript Iframe调整大小和跨站点脚本

问题就在这里！我有一个iframe可以加载外部网站。我希望iframe根据内容高度调整为100%，这样就不会出现滚动条。将iframe高度设置为100%无效

我提出了两个解决方案：

将两端的document.domain属性设置为同一个域， 这使iframe内容可以访问父窗口。这个 可以从iframe中启动resize方法

使用HTML5 postMessage API采取适当的操作。我用来在两个iFrame之间进行通信

---

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

您可以在iframe中嵌入另一个iframe。如果该iframe的源与顶级iframe来自相同的域、协议和端口，则它可以通过父级访问。父级去年我遇到了相同的问题，并在此博客上找到了一个适合我的解决方案：

在他的后续文章中可以找到该方法的更新版本：

正如jack所描述的那样，该实现需要在页面中嵌入一个iframe，该iframe具有相同父域的源

我确实在FF中遇到了一个小问题。可在后续文章的评论中找到解决办法

---

希望这有帮助

一个更简单的解决方案是在github上使用这个小项目