坐标大全

IE（以下只支持IE浏览器）

IE：(用来求相对父亲坐标的偏移位置)

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标 

IE：(相对浏览器\窗口)

event.clientX 相对浏览器\窗口的水平坐标

event.clientY 相对浏览器\窗口的垂直坐标

IE：(相对浏览器\窗口,只支持IE 9+，IE 5678都不支持)

event.pageX  相对浏览器\窗口的水平坐标（e.pageX  其他浏览器也支持）

event.pageY  相对浏览器\窗口的垂直坐标（e.pageY  其他浏览器也支持）

IE：(相对显示器屏幕)

event.screenX  相对显示器屏幕的水平坐标（e.screenX其他浏览器也支持）

event.screenY   相对显示器屏幕的垂直坐标（e.screenY其他浏览器也支持）

IE：(滚动条的位置)

document.body.scrollTop  滚动条的高（苹果window.pageXOffset，火狐document.documentElement.scrollTop）

document.body.scrollLeft  滚动条的宽（苹果window.pageYOffset，火狐document.documentElement.scrollLeft  ）

IE：(窗口\浏览器相对于屏幕的坐标)

window.screenLeft    窗口\浏览器相对于屏幕移动的水平坐标（火狐window.screenX  ）

window.screenTop     窗口\浏览器相对于屏幕移动的垂直坐标（火狐window.screenY ）

 

都支持系列

 window.screen.height   屏幕分辨率的高

Window.screen.width   屏幕分辨率的宽

window.screen.availHeight    屏幕可用工作区高度：（除去任务栏这种被遮挡部分）

window.screen.availWidth     屏幕可用工作区宽度（除去任务栏这种被遮挡部分）

document.body.scrollHeight   整个页面滚动条的高度

document.body.scrollWidth    整个页面滚动条的宽度

document.body.offsetWidth    网页可见区域宽 (包括边线的宽，width+padding+border+margin);

document.body.offsetHeight   网页可见区域高(包括边线的高，width+padding+border+margin);

document.body.clientWidth    在页面上返回内容的可视宽度（不包括边框，边距或滚动条,用document.documentElement.clientWidth IE和火狐误差，windows.innerWidth相同当不支持IE）

document.body.clientHeight  在页面上返回内容的可视高度（不包括边框，边距或滚动条，用document.documentElement.clientHeightIE和火狐误差，windows.innerHeight相同当不支持IE）

offsetLeft  返回浏览器的宽的距离

offsetTop   返回浏览器的高的距离

设置高和宽还是要用style.width 和style.height;

未知：

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置