根据内容动态调整iframe大小

Question

我想知道一个快速的javascript解决方案，根据内部的内容使iframe缩小/增大，这样就不需要滚动条了。

根据用户的输入更改帧源，我希望iframe根据它调整其大小。

我拥有的iframe代码是：

<iframe id="edit_add_configuration" src="<?php echo site_url();?>">
        browser does not support this
</iframe>

Answer 1

获得高度和宽度。

var height = document.getElementById("edit_add_configuration").contentWindow.document.body.scrollHeight;
var width = document.getElementById("edit_add_configuration").contentWindow.document.body.scrollWidth;

调整iframe的大小。

document.getElementById("edit_add_configuration").style.height=height+"px";
document.getElementById("edit_add_configuration").style.width=width+"px";