渲染动态报告时出现iframe高度问题

时间:2016-08-02 23:41:09

标签: javascript jquery html iframe

我有一个动态填充ssrs报告的iframe,因此在获取报告时iframe不会根据报告高度显示。当iframe设置为100%时,甚至不会显示滚动。如何动态获取iframe的高度

以下是我使用的iframe      

1 个答案:

答案 0 :(得分:0)

可能是Adjust width height of iframe to fit with content in it

的副本
<script type="application/javascript">

function resizeIFrameToFitContent( iFrame ) {

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

window.addEventListener('DOMContentReady', 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] );
    }
} );

</script>

<iframe src="yoursource.html" id="iFrame1"></iframe>