我用iframe 加载一个html html 文件高度经常会变,如何使iframe加载的...

发布网友发布时间：2022-04-24 18:51

共4个回答

热心网友时间：2022-04-19 07:19

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

热心网友时间：2022-04-19 08:37

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>

试下

热心网友时间：2022-04-19 10:11

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

热心网友时间：2022-04-19 12:03

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