Iframe自适应高度IE7、Firefox

作者: Robin 分类: Asp.net 发布时间: 2010-03-06 17:10

在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>
跨域,以上方法解决不了

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

标签云