JavaScript 中offsetTop offsetWidth clientWidth clientHeight 各种 width height

• body

1. clientLeft : body的border-left的大小
2. clientTop：body的border-top的大小
3. clientWidth: body的border以内的宽度 (padding + content)
4. clientHeight: body的border以内的高度 (padding + content)
5. offsetWidth:body的 margin以内的宽度（border + padding + content）
6. offsetHeight: body的 margin以内的高度（border + padding + content）

• element

1. clientLeft : dom节点的border-left的大小
2. clientTop：dom节点的border-top的大小
3. clientWidth: dom节点的border以内的宽度 (padding + content)
4. clientHeight: dom节点的border以内的高度 (padding + content)
5. offsetWidth: dom节点的 margin以内的宽度（border + padding + content）
6. offsetHeight: dom节点的 margin以内的高度（border + padding + content）
7. offsetLeft: dom节点的border 以外距离 上一层节点 内 的左距离
8. offsetRight: dom节点的border 以外距离 上一层节点 内 的上距离
9. scrollWidth: dom节点的border以内的宽度,滚动的宽度
10. scrollHight: dom节点滚动的高度