码迷,mamicode.com
首页 > 其他好文 > 详细

iframe自适应高度

时间:2014-09-26 19:43:48      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:js   iframe   自适应高度   

在做项目的过程中,需要用到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自适应高度

标签:js   iframe   自适应高度   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!