js Iframe 自动适应高度宽度

最新推荐文章于 2022-09-02 15:57:37 发布

感谢一路走过的人

最新推荐文章于 2022-09-02 15:57:37 发布

阅读量424

点赞数

分类专栏： JavaScript 文章标签： iframe function file

本文链接：https://blog.csdn.net/leejin_521/article/details/7011718

版权

JavaScript 专栏收录该内容

70 篇文章 0 订阅

订阅专栏

/* File Created: 十一月 25, 2011 */

//使用方法在iframe的onload事件中加载
//<iframe οnlοad="reinitIframe(this)" id="frame_content" src="Default2.aspx" width="100" frameborder="0" height="100%"
// scrolling="no"></iframe>

//iframe 高度自适应
function IFrameReSize(iframename) {
    var pTar = document.getElementById(iframename);
    if (pTar) { //ff
        if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
            pTar.height = pTar.contentDocument.body.offsetHeight;
        } //ie
        else if (pTar.Document && pTar.Document.body.scrollHeight) {
            pTar.height = pTar.Document.body.scrollHeight;
        }
    }
}
//iframe宽度自适应
function IFrameReSizeWidth(iframename) {
    var pTar = document.getElementById(iframename);
    if (pTar) { //ff
        if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {
            pTar.width = pTar.contentDocument.body.offsetWidth;
        } //ie
        else if (pTar.Document && pTar.Document.body.scrollWidth) {
            pTar.width = pTar.Document.body.scrollWidth;
        }
    }
}

//iframe 高度自适应
function reinitIframe(iframeid) {
    var iframe = document.getElementById(iframeid);
    try {
        var bHeight = iframe.contentWindow.document.body.scrollHeight;
        var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
        var height = Math.max(bHeight, dHeight); iframe.height = height;
    } catch (ex) { }
}
// window.setInterval("reinitIframe()", 200);