javascript 调整iframe宽度和高度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 调整iframe宽度和高度相关的知识,希望对你有一定的参考价值。

function resizeIFrameToFitContent( iFrame ) {

    iFrame.width  = iFrame.contentWindow.document.body.scrollWidth;
    iFrame.height = iFrame.contentWindow.document.body.scrollHeight;
}

window.addEventListener('DOMContentLoaded', function(e) {

    var iFrame = document.getElementById( 'iFrame1' );
    resizeIFrameToFitContent( iFrame );

    // or, to resize all iframes:
    var iframes = document.querySelectorAll("iframe");
    for( var i = 0; i < iframes.length; i++) {
        resizeIFrameToFitContent( iframes[i] );
    }
} );

以上是关于javascript 调整iframe宽度和高度的主要内容,如果未能解决你的问题,请参考以下文章

EXT JS iframe 调整到包含 extJS 容器的高度和宽度

计算跨浏览器 iframe 高度

iframe 宽度和高度值

调整外部网站内容的大小以适合 iFrame 宽度

使用Javascript调整Iframe高度

JavaScript 根据内容调整iframe高度