JS获取body的高度
获取body的高度并赋值给这个div，使得这个div的高度和body一样高.
求助各位高手。 展开
1、document.body.clientWidth;//网页可见区域宽
2、document.body.clientHeight;//网页可见区域高
3、document.body.offsetWidth;//网页可见区域宽(包括边线的宽)
4、document.body.offsetHeight;//网页可见区域高(包括边线的高)
5、document.body.scrollWidth;//网页正文全文宽
6、window.screen.availHeight;//屏幕可用工作区高度
7、window.screen.availWidth;//屏幕可用工作区宽度
8、alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
9、alert($(document.body).width());//浏览器时下窗口文档body的高度
扩展资料：
1、alert($(window).height()); //浏览器时下窗口可视区域高度
2、alert($(document).height()); //浏览器时下窗口文档的高度
3、alert($(document.body).height());//浏览器时下窗口文档body的高度
4、alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
5、alert($(window).width()); //浏览器时下窗口可视区域宽度
6、alert($(document).width());//浏览器时下窗口文档对于象宽度
7、alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
8、alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
//如果是body下面的直接子元素，可以直接用css样式控制
<body>
<div class="son"></div>
</body>
<style>
.son {
height : 100%;
}
</style>
//如果不是body的直接子元素，利用js的话，可以：
<body>
<div class="father">
<div class="son"></div>
</div>
</body>
<script>
var son = document.getElementsByClassName("son");
son.style.height = document.getElementsByTagName("body").offsetHeight + "px";
</script>
//实际上还有很多方式可以获取并设置的，我就举个比较容易能理解的
这个$("body").height(), jquery的 需要加载jquery插件才能用，
document.body.offsetHeight;是获取body高度；
document.body.offsetHeight;是获取body高度；
下面就是你要的代码 可以直接拷贝;
<div id="divid" style="width:732px; height:34px; background:#f1f1f1; ">asdas</div>
<script>document.getElementById('divid').style.height= document.body.offsetHeight+"px";</script>
直接拷贝就能看到效果！追加点分哦
js 也差不多
