我用iframe 加载一个html html 文件高度经常会变，如何使iframe加载的内容高度和html 文件内容一样高？

Posted 2023-02-26

html 文件高度经常会变

html 文件高度经常会变

html 文件高度经常会变

html 文件高度经常会变

让两边的高度相同,你可以在含有iframe的页面写上一段Script
<script>
function resize()
var nHeight = frm.document.body.clientHeight
var oEle = document.getElementById("oWnd")

oEle.style.height = nHeight + 'px'

</script>

然后,iframe要写成
<iframe id="frm" src="要加载的页面地址" onload="resize()"></iframe>

如此一来,iframe的高度就会随你加载的HTML页面的高度而变化,不会出现滚动条 参考技术A suitHeight=function()
var fm=document.getElementById('mframe');
if(document.getElementById)
if(fm.contentDocument&&fm.contentDocument.body.offsetHeight)//如果用户的浏览器是NetScape
fm.height=fm.contentDocument.body.offsetHeight;
else if(fm.Document&&fm.Document.body.scrollHeight) //如果用户的浏览器是IE
fm.height=fm.Document.body.scrollHeight;

try
fm.height=parseInt(fm.height.replace(/px|pt/g,''),10)+150;
catch(e)



<iframe id="mframe" frameborder="0" src="about:blank" onload="suitHeight()"></iframe>

试下 参考技术B 你定个CSS试试.或者让两者的高宽相同. 参考技术C 你要事先知道你自己的HTML是多高的```在去设定iframe的高就可以了```