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高度”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。