javascript - 如何调整 iframe 的大小以适应 iframe 内容的高度？

Question

我正在开发一个类似 iGoogle 的应用程序。来自其他应用程序（在其他域上）的内容使用 iframe 显示。

如何调整 iframe 的大小以适应 iframe 内容的高度？

我试图破译谷歌使用的 javascript，但它被混淆了，到目前为止搜索网络没有结果。

更新：请注意，内容是从其他域加载的，因此适用同源策略。

score 2 · Accepted Answer

解决方案 - 如果 iframe 来自同一域，则将 iframe 高度拉伸到 iframe 内容正文高度。

由于您使用的是来自另一个域的 iframe，因此出于安全原因（您引用的同源策略），您不能这样做。

有一些 hacky 方法，但没有跨浏览器兼容性。

** 更新：使用JSONP查看此链接是否对您有所帮助：

score -1 · Accepted Answer

最简单的方法是使用 CSS。

流程：在您的网站中导入您的 iframe，然后在您的 css 中添加您想要调整的类。

当您需要对其 css 属性元素之一进行过度调整时，只需使用 !important 功能。

例子：

.fb-likes{
width:100% !important;
}

2 回答 2