Question

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

html 文件高度经常会变

html 文件高度经常会变

html 文件高度经常会变

html 文件高度经常会变

Answer 1

让两边的高度相同,你可以在含有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页面的高度而变化,不会出现滚动条

Answer 2

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>

试下

Answer 3

你定个CSS试试.或者让两者的高宽相同.

Answer 4

你要事先知道你自己的HTML是多高的```在去设定iframe的高就可以了```