iframe嵌套页面自适应高度(用js实现iframe自适应高度)

iframe嵌套页面自适应高度，最近做了一个html页面，要显示动态内容，就没再把页面改成asp的 ，就在html页面里iframe了一个，但是动态内容不是固定的，所以要自适应，那就用js控制下，请看如下代码吧。

1.iframe自适应高度方法

function setIframe() {
 var iframe = document.getElementByIdx("frameDetail");
 var bHeight = iframe.contentWindow.document.body.scrollHeight;
 var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
 var height = bHeight > dHeight ? bHeight : dHeight;
 iframe.height = height;
 }

2.使用如下

<iframe src="MetaDetail.aspx"
 id="frameDetail" name="frameDetail"
 onload="setIframe()" height="700px"
 width="100%" frameborder="0" scrolling="no">
</iframe>