程序博客网 > 西安莲湖区行知小学

让Iframe自适应高度

来源：互联网发布：西安莲湖区行知小学编辑：程序博客网时间：2024/05/01 12:03

在Iframe中显示内容时，如果内容不固定，那么就需要让Iframe来自动适应页面的高度，下面是几种方法：

1.在包含Iframe的页面：

<iframe src="main.asp" width="557px" height="100%" name="Mainv" id="Mainv" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="border:#FFFFFF" onload="this.height=this.contentWindow.document.body.scrollHeight"></iframe>

这样就可以了

2.在包含Iframe的页面：

<iframe src="main.asp" width="557px" height="100%" name="Mainv" id="Mainv" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="border:#FFFFFF"></iframe>

然后在每个要在Iframe中显示的页面上，<body onload="parent.document.all.Mainv.height=getTotalHeight();">

然后在页面底部加入
<div id="theEnd" style="position:relative"></div>
<script language="JavaScript">
function getTotalHeight(){
return document.getElementById("theEnd").offsetTop+10;
}
</script>

例：<iframe name="main" frameborder="0" width="100%" frameborder="0" scrolling="no" src="admin.php?mod=index&code=home" id="frame" onload="this.height=100">
</iframe>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("frame");
try{
iframe.height = iframe.contentWindow.document.body.scrollHeight;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
</script>

西安莲湖区行知小学

西安莲湖区行知小学

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子沙参玉竹的功效与作用沙参玉竹莲子百合汤沙参玉竹乌鸡汤沙参孕妇可以吃吗孕妇可以吃沙参吗沙参麦门冬汤沙参玉竹图片野沙参的价格沙参玉竹老鸭汤的功效沙参玉竹猪肺汤沙参玉竹麦冬的功效沙参麦冬汤方解南北沙参区别沙参麦冬汤趣味方歌沙参麦冬汤组成沙参性味归经煎沙参的做法七味沙参汤散北沙参的产地沙参老鸭汤的做法贝母沙参蒸雪梨沙参的功效与作用图中药北沙参的作用羊乳泡参沙叁乳羊参白砂参的功效与作用什么人不适合吃沙参沙发管家沙发套沙发拼音沙发的拼音办公室沙发沙发尺寸沙发维修沙发制作普通沙发沙发海绵沙发选择