网站建设资讯

NEWS

网站建设资讯

JavaScript怎么设置Iframe高度

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

发展壮大离不开广大客户长期以来的信赖与支持,我们将始终秉承“诚信为本、服务至上”的服务理念,坚持“二合一”的优良服务模式,真诚服务每家企业,认真做好每个细节,不断完善自我,成就企业,实现共赢。行业涉及围栏护栏等,在网站建设成都全网营销推广、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

有时候在网页中可能需要嵌入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高度”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


当前文章:JavaScript怎么设置Iframe高度
分享网址:http://cdweb.net/article/jsgsih.html