国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > 互联网 > iframe自适应高度

iframe自适应高度

来源:程序员人生   发布时间:2014-09-29 22:16:49 阅读次数:2037次

在做项目的过程中,需要用到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>
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生