iframe自适应高度
来源:程序员人生 发布时间:2014-09-29 22:16:49 阅读次数:2019次
在做项目的过程中,需要用到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>
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠