我需要一个解决方案来自动调整iframe
的宽度
和高度
以勉强适合其内容。重点是,在加载 iframe
后可以更改宽度和高度。我想我需要一个事件操作来处理 iframe 中包含的正文尺寸的变化。
最佳答案
<script type="application/javascript">
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] );
}
} );
</script>
<iframe src="usagelogs/default.aspx" id="iFrame1"></iframe>
关于javascript - 调整 iframe 的宽度和高度以适应其中的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41250678/