有时候我们需要去获取body的高度,但是通过document.body.clientHeight却得到值是0。那么如何解决这个问题呢?
我们只需要将html和body的css样式中添加属性height:100%;即可。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
html,body{
height: 100%;
}
</style>
</head>
<body>
<script type="text/javascript">
var bodyHeight=document.body.clientHeight;//网页可见区域高度
console.log(bodyHeight);
</script>
</body>
</html>