BOM中的位置、坐标、尺寸信息的属性

window对象

　　属性：1、innerHeight/innerWidth  返回当前窗口文档显示区的高度/宽度

　　　　　 2、outerHeight/outerWidth  返回当前窗口的外部高度，包括工具条、滚动条

　　　　　 3、 screenLeft/screenTop  (支持IE浏览器)     screenX/screenY  (支持火狐)   返回离屏幕左上角的距离

 

获取元素节点的尺寸和位置

　　尺寸：1、element.clientWidth/clientHeight【内容+内边距：填充盒】

　　　　　  2、element.offsetWidth/offsetHeight【内容+内边距+边框：边框盒】

　　 位置：element.offsetLeft/offsetTop【边框盒的位置，以第一个定位的父级元素为基准】

 

鼠标事件鼠标的坐标

　　　　　1、clientX\clientY【相对于视口的位置】

　　　　　  2*、offsetX/offsetY【相对于事件源元素左上角的位置】【常用】

　　　　　  3、pageX/pageY【相对于整个文档的位置（若有滚动条，返回当前文档最左上角的距离）】

　　　　　  4、screenX/screenY【相对于屏幕、显示器的位置】