Javascript加载iframe asynchonous并自动调整大小

时间:2013-12-22 10:55:05

标签: javascript iframe asynchronous resize

对于我们的网站,我们希望向用户提供在iframe中将自己网站内容包含在自己网站上的信息。为此,我们希望为用户提供一小段javascript代码,这些代码可以包含在他们的页面上,而无需太多的编程知识。 (例如,Facebook会为您的页面添加facepile)

我方有两个问题。我希望内容被异步加载,因此包含我们的代码不会影响原始页面加载时间,其次我希望脚本根据加载的外部内容自动设置iframe的高度。

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

我希望有人可以指出我正确的方向。我在网上看到了很多部分答案,但我正在寻找更多的一体化解决方案。任何帮助都将受到高度赞赏!

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

查看这个小库以调整iFrame的大小。

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

进入iframe的代码没有依赖性,在父页面调用之前什么都不做。所以这是其他人民网站的好客。

您需要做的就是为人们提供您网站上托管的js文件的链接。