呈现动态报告时的iframe高度问题[重复]

Posted 2023-03-05

【中文标题】呈现动态报告时的iframe高度问题[重复]

【英文标题】：iframe height issue when rendering dynamic report [duplicate]

【发布时间】：2016-12-08 11:59:07

【问题描述】：

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

下面是我使用的 iframe

【参考方案1】：

可能与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>

【讨论】：

如果您认为某个问题是重复的，请将其标记为关闭。

嗨 technico。我尝试了您的解决方案，但是当我尝试访问 iframe 的内容窗口时出现访问被拒绝异常

我确信您确实更改了 iframe src 值以满足您的需要。所以这个问题可能来自domain origin policy，如果主页面和 iframe 页面之间的域名不匹配，它会禁用访问 iframe 内容 DOM 的可能性。