本文介绍了一种使iframe元素高度能根据其内部内容自适应调整的方法，通过JavaScript函数计算并设置iframe的高度，确保iframe始终展示完整内容而无滚动条。需要注意的是，当iframe内存在position:absolute样式时，可能会影响高度计算的准确性。
iframe高度随内容自适应
方法：
//计算iframe高度
function calcPageHeight(doc) {
var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
var height = Math.max(cHeight, sHeight);
return height
}
//设置iframe高度
function changeFrameHeight(){
var ifm = document.getElementById("iframeId");
var iDoc = ifm.contentDocument || ifm.document || ifm.contentWindow;
var cHeight = calcPageHeight(iDoc);
ifm.height = cHeight + "px";
}
注意内容中，请不要有position: absolute;，不然无法获取iframe高度是不正确的，即带有position: absolute;的dom高度，不会叠加到html，因此获取iframe的高度会有偏差。
参考：
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
