src是base64编码时，如何获取iframe内容高度？

Question

这是我要动态显示内容的iframe。

<iframe onload='resize()' id='ifr' src='data:text/html;charset=utf-8;base64,Encoded text here' width=100% height=400px></iframe>

我尝试过类似的方法..但是高度总是返回0

function resize() {
   $('#ifr').height($('#ifr').contents().height());
}

这里是jsfiddle。

https://jsfiddle.net/zetapark/rajz6sy5/1/

Answer 1

$（'iframe'）为您提供了文档中的所有iframe，因此您应该给框架赋予id并像$（'＃MYiframe'）一样使用它，或者从jquert返回的内容中获取第一个元素。

function resize() {
   $('iframe')[0].height($('iframe')[0].contents().height());
}

我在SO上也发现这可以调整内容的iframe大小。

iFrame.width  = iFrame.contentWindow.document.body.scrollWidth;
iFrame.height = iFrame.contentWindow.document.body.scrollHeight;