JavaScript加载iframe asynchonous和自动调整大小

Question

对于我们的网站，我们希望为用户提供可用性，以在我们的网站上的iframe中包含我们网站的内容。为此，我们希望给用户一小段JavaScript代码，他们可以在他们的页面上包含这些代码，而不需要太多的编程知识。 （例如，Facebook为您的页面添加小贴士）

我的身边有两个问题。我想要加载的内容是异步的，因此包含我们的代码不会影响原始页面加载时间，其次我希望脚本自动设置基于加载的外部内容的iframe高度。

我不想使用像jquery这样的框架，再次尽可能简化非代码感知用户。

我希望有人能指点我正确的方向。我在网上看到了很多部分答案，但我正在寻找更多的解决方案。任何帮助将高度赞赏！

Answer 1

也许这有助于：http://www.aaronpeters.nl/blog/iframe-loading-techniques-performance。看看“动态异步iframe”部分。他们通过在iframe文件中加入onload事件来使用一个很好的技巧。

Answer 2

看看这个小库调整iFrames的大小。

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

是进入的iframe的代码，没有依赖关系和什么也不做，直到由父页面调用。所以它是其他人群网站上的好客人。

您需要做的只是为用户提供一个指向您网站上的js文件的链接。