有時候我們需要去獲取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>