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

 分类:html知识时间:2022-07-27点击:

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

iframe 自适应高度

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>


除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: