节点文档位置大小等

var div = document.getElementById("adom");
div.style.width;//节点宽度，可写
div.clientWidth;//节点宽度+padding
div.offsetWidth;//节点宽度+padding+border部分
div.scrollWidth;//节点包括滚动隐藏的宽度

div.clientLeft;//节点border宽度
div.offsetParant;//离节点最近有定位的父节点
div.offsetLeft;//节点距离div.offsetParant的左距离
div.scrollLeft;//节点左边被滚动条隐藏的距离，可写

even.clienX//触发事件时鼠标位于浏览器左距离
even.offsetX//触发事件是鼠标位于事件源节点的左距离
even.pageX//触发事件时鼠标位于页面（包括滚动条隐藏部分）的左距离

document.body.clientWidth//网页可见区域宽度
document.body.offsetWidth//网页可见区域边界宽度
document.body.scrollWidth//网页全文宽度（包括滚动条隐藏区域）
document.body.scrollLeft//网页滚动条左边隐藏部分距离
window.screen.availWidth//可用屏幕的宽度（最大化时浏览器的可用宽度）
window.screen.width//屏幕分辨率的宽度

window.onscroll//监听屏幕在滚动
window.scrollTo(left,top)//滚动到左面、上面的指定位置
window.scrollBy(left,top)//向右，向下滚动多少距离，负数为反方向

window.onresize//监听网页可见区域大小变化

 

转载于:https://my.oschina.net/u/3386584/blog/871211