参考博文：
- 《JavaScript高级程序设计（第3版）》
一、客户区大小
- 元素的客户区大小（
client dimension）：元素内容及其内边距所占据的空间大小。- 客户区大小就是元素内部的空间大小，因此滚动条占用的空间不计算在内。
clientWidth属性：元素内容区宽度 + 左右内边距宽度。-
clientHeight属性：元素内容区高度 + 上下内边距高度。 - 用途：确定浏览器视口大小：
function getViewport(){
if (document.compatMode == "BackCompat"){
return {
width: document.body.clientWidth,
height: document.body.clientHeight
};
} else {
return {
width: document.documentElement.clientWidth,
height: document.documentElement.clientHeight
};
}
}
- 客户区大小也是只读的，每次访问都要重新计算的。