原帖地址:http://blog.csdn.net/itzhiren/archive/2007/04/03/1550661.aspx
在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>
0 评论: