關於document.body.clientHeight的返回值爲0的問題

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章