本文介绍了一种使用JavaScript实现iFrame自适应高度的方法。通过监听iFrame内部文档的高度变化，并相应地调整iFrame的高度，可以确保iFrame始终仅展示必要内容且不留下空白区域。这种方法适用于动态内容加载场景。
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("reportIframe");
var subWeb = document.frames ? document.frames["reportIframe"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight + 100;
}
}
</script>
function iFrameHeight() {
var ifm= document.getElementById("reportIframe");
var subWeb = document.frames ? document.frames["reportIframe"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight + 100;
}
}
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
