iframe自动调整大小的常见问题

有时为了方便使用iframe，页面长度没办法固定，显示的页面不仅影响美观，而且给用户操作带来不便，自动调整高度可以解决这个问题，那么iframe自动调整大小的常见问题大家知道吗？爱站技术小编为你解答。

iframe自动调整大小的常见问题

function change_size(iframe)
{
    iframe.style.height=info_content.document.body.scrollHeight+1+"px";
}
我用过这种方式，但是等号后面的第一个对象不知道应该怎样动态显示。
比如：
function change_size(no)
{
                var el_name = "iframe"+no;
                el = document.getElementById(el_name);
    el .style.height=el.document.body.scrollHeight+1+"px";
                //举例，实际不能调整高度，因为后面的el不能指向正确的对象
}

所以我现在暂时用了这种方式，对应每个iframe用一次 
a.style.height = iframe_a.document.body.scrollHeight
b.style.height = iframe_b.document.body.scrollHeight

希望您能给一个更为简单的方法，我解除js没多久，可能问题有点愚蠢，请见谅。
感觉上你这样写的自动调整 会出问题.
如果父页面加载完了,而子页面没有加载完,你控制的iframe高度肯定不会是 你所想的高度.

如果你的子页面和父页面同在一个域名下给你推荐一种简单办法.

在父页面中设置一个函数用来 调整某一个ifame的高度,然后在子页面的body onload中调用父页面的这个函数.这样肯定是 等子页面加载完了 在设置的高度,这样可设置成子页面的实际高度.

//父页面的设置高度代码,未测试