Jquery iframe跨域动态高度

时间:2011-09-15 21:26:23

标签: javascript jquery iframe dynamic height

只有没有庞大的插件才能使用jquery吗?

我知道有很多插件和替代方案,我正在寻找最短的,robustest&最干净的(最好依靠jquery)

这里有基本的jsfiddle试用你的想法: http://jsfiddle.net/3vPJd/

2 个答案:

答案 0 :(得分:5)

我必须选择“这是不可能的”,因为父页面无法获得第三方页面的高度,因为它来自与父页面不同的域。

编辑:如果您对第三方页面有一定的控制权,则可以执行此操作。

我个人只会使用他们已经实现的方法,它不需要jQuery,你只需要包含frame.js

此时,您需要的只是父页面上的一个方法,该方法会在哈希值发生变化时进行监听,并相应地调整iframe的大小,这也是您链接的站点所写的。它已经是一个非常干净的解决方案,没有真正需要修改它。它可以找到here

答案 1 :(得分:0)

这个小图书馆会做你想要的。它使用postMessage在iFrame和父级之间进行通信,因此跨域工作。它还使用MutationObserverEventListeners来检测内容的更改并保持iFrame的大小正确。

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