`
太阳神喻
  • 浏览: 105242 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

iframe自适应高度

    博客分类：
  • css
ASPJavaScript 
阅读更多

在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>

 

分享到：
| CSS截取字符串省略号效果 兼容浏览器
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics