看以下列出的宽高，有些不太理解。像这样的document.documentElement.scrollHeight与document.body.scrollHeight高度又有什么区别。求大神细解释下。谢谢
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
document.write(document.documentElement.scrollHeight+"<br>")//8
document.write(document.documentElement.scrollWidth+"<br>")//370
document.write(document.body.scrollHeight+"<br>")//729整个body的高度
document.write(document.body.scrollWidth+"<br>")//370整个body的宽度
document.write(document.documentElement.clientHeight+"<br>")//729 这个是网页内容高度
document.write(document.documentElement.clientWidth+"<br>")//370这个是网页内容宽度
document.write(document.body.clientHeight+"<br>")//115
document.write(document.body.clientWidth+"<br>")//354
document.write(document.documentElement.scrollHeight+"<br>")//169
document.write(document.documentElement.scrollWidth+"<br>")//370
document.write(document.body.scrollHeight+"<br>")//729
document.write(document.body.scrollWidth+"<br>")//370
document.write(document.documentElement.clientHeight+"<br>")//729
document.write(document.documentElement.clientWidth+"<br>")//370
document.write(document.body.clientHeight+"<br>")//267
document.write(document.body.clientWidth+"<br>")//354
</script>
</body>
</html>
