<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>测试测试</title>
<style type="text/css">
div{ width:100px; height:100%; background:red}
</style>
</head>
<body>
<div>
<!--内容-->
</div>
</body>
</html>
<script type="text/javascript">
//当有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//或者<!doctype html>
alert(document.body.clientWidth);//获取宽度正常 ==> BODY对象宽度
alert(document.body.clientHeight);//获取高度为0 ==> BODY对象高度
alert(document.documentElement.clientWidth);//获取宽度正常 ==> 可见区域宽度
alert(document.documentElement.clientHeight);//获取高度正常 ==> 可见区域高度
//当没有声明的时候，一般不采用。
//div默认高为屏幕高
alert(document.body.clientWidth);//获取宽度正常 ==> BODY对象宽度
alert(document.body.clientHeight);//获取高度正常 ==> BODY对象高度
alert(document.documentElement.clientWidth);//获取宽度正常 ==> 可见区域宽度
alert(document.documentElement.clientHeight);//获取高度正常 ==> 可见区域高度
</script>
关于document.body.clientHeight问题的解释
原文：http://www.cnblogs.com/xiaoky/p/4021937.html