各种设置宽高、距离的获取

各种设置宽高、距离的获取
1.可视区（浏览器当前的实际宽高）的宽高
document.document.clientWidth
document.document.clientHeight




2.补充～记住：获取其他的元素：
document.head~head
document.body～body
document.title（title的文本内容）~title
document.documentElement~html

3.只读：盒模型中的宽高获取：
clientWidth=content+padding
clientHeight=content+padding

offsetWidth=content+padding+border
offsetHeight=content+padding+border



scrollWidth scrollHeight（使用在自定义滚动条～了解）
使用overflow会影响点

4.只读：获取元素真正的显示最终样式～在控制台的conputed可查看
getComputedStyle(ele)

注意

5.只读：获取元素距离
1)元素到定位父级（参照的元素是哪个定位）的距离
变量.offsetLeft
变量.offsetTop


6.可赋值：
滚动高
document.documentElement.scrollTop（多用）


滚动宽
document.documentElement.scrollLeft（较少用）
赋值：document.documentElement.scrollTop=数字
等价于window.scrollTop（｛top:数字,left:0｝）