首页 > 其他 > 详细

iframe自适应高度

时间:2014-09-26 18:51:39      阅读:360      评论:0      收藏:0      [点我收藏+]

在做项目的过程中,需要用到iframe,但是iframe的高度如果写死的话,它对应的页面高度都得固定,这样不能适应页面内容变化,不太灵活,所以写了以下的方法,根据iframe对应的页面内容来决定iframe的高度。

这个本人测试适应于ie,火狐浏览器。

<iframe src="a.html" id="iframe"

frameBorder="0" marginheight="0" marginwidth="0" width="500px"
height="100%" scrolling="no" name="iframe"

onLoad="getHeight()"> </iframe>


<script type="text/javascript" language="javascript">
function getHeight() {
var ifm = document.getElementById("iframe");
var subWeb = document.frames ? document.frames["iframe"].document
:

ifm.contentDocument;

if (ifm != null && subWeb != null) {

ifm.height = subWeb.body.scrollHeight;

}
}
</script>

iframe自适应高度

原文:http://blog.csdn.net/menghuannvxia/article/details/39581917

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!