一:样式值的获取
1:获取行内样式 obj.style.样式名
2:获取非行内样式 parseInt(window.getComputedStyle(元素,null).样式属性)
3:IE 浏览器写法 元素.currentStyle[属性值]
二:获取元素尺寸
1:content+padding+border
offsetWidth
offsetHeight
2:content+padding
clientWidth
clientHeight
3:content
parseInt(window.getComputedStyle(元素,null).样式属性)
三:滚动条滚动距离
1:非IE :document.documentElement.scrollTop
2:IE :document.body.scrollTop
3:案例:用JS代码实现固定定位效果
四:鼠标位置的获取
1:相对于事件源
offsetX
offsetY
2:相对于整个文档
pageX
pageY
3“:相对于浏览器窗口
clientX
clientY
ps:忽略默认css写法:pointer-events:none 可用于解决闪烁问题,使只作用于当前元素
五:获取窗口的尺寸
1:包含滚动条尺寸
innerWidth
innerHeight
2:不包含滚动条尺寸
document.docunmentElement.clientWidth
document.docunmentElement.clientHeight
六:获取元素的偏移量
offsetLeft
offsetTop
offsetParent 默认是body,定位后根据定位元素
默认相对于窗口获取偏移量,可设置定位来根据定位来获取偏移量