JavaScript怎么设置Iframe高度

这篇"JavaScript怎么设置Iframe高度"文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇"JavaScript怎么设置Iframe高度"文章吧。

有时候在网页中可能需要嵌入Iframe，而对Iframe的控制又不能固定，那么就可以自动根据Iframe中内容进行自动设置高度。在HTML的Iframe标签中加入一个onload事件，就是在Iframe页面加载完毕时进行计算设置高度。

function SetIFrameHeight(iFrameId) {

if (iFrameId == "") {return;}

var Sys = {};

var ua = navigator.userAgent.toLowerCase();

var s;

(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 0;

var pTar = null;

if (document.getElementById) {

pTar = document.getElementById(iFrameId);

} else {

eval('pTar=' + iFrameId + ';');

}

pTar.style.display = "block";

if (Sys.ie) {

if (Sys.ie == '9.0') {

pTar.height = pTar.contentWindow.document.body.offsetHeight + 15 + "px";

pTar.width = pTar.contentWindow.document.body.scrollWidth + "px";

} else if (Sys.ie == '8.0') {

pTar.height = pTar.Document.body.offsetHeight + 25 + "px";

pTar.width = pTar.Document.body.scrollWidth + "px";

} else {

pTar.height = pTar.Document.body.scrollHeight + 25 + "px";

pTar.width = pTar.Document.body.scrollWidth + "px";

}

}

}

参数就是该Iframe的id传入，暂时通过的是IE8测试是没问题的。

以上就是关于"JavaScript怎么设置Iframe高度"这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注行业资讯频道。