浏览器中坐标

Firefox

event.pageX

event.pageY 来代表鼠标相应于文档左上角的位置．

 

如果你有一个500*500的窗口，而且你的鼠标在正中间，那么paegX和pageY将是250，当你将页面往下滚动500px，那么pageY将是750.此时pageX不变，还是250.

 

IE

event.clientX

event.clientY来代表鼠标与ie窗口的位置，并不是文档．

 

当我们有一个500*500的窗口，鼠标在正中间，那么clientX与clientY也是250，如果你垂直滚动窗口到任何位置，clientY仍然是250，因为相对ie窗口并没有变化．想得到正确的结果，我们必须加入scrollLeft与scrollTop这两个相对于文档鼠标位置的属性．最后，由于IE并没有0,0的文档起始位置，因为通常会设置2px的边框在周围，边框的宽度包含在document.body.clientLeft与clientTop这两个属性中，我们再加入这些到鼠标的位置中．

 

 

clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。

offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。

screenX:相对于用户屏幕。

网页可见区域宽   document.body.clientWidth  
网页可见区域高   document.body.clientHeight  
网页可见区域宽(包括边线的宽)   document.body.offsetWidth  
网页可见区域高(包括边线的宽)   document.body.offsetHeight  
网页正文全文宽   document.body.scrollWidth  
网页正文全文高   document.body.scrollHeight  
网页被卷去的高   document.body.scrollTop  
网页被卷去的左   document.body.scrollLeft  
网页正文部分上   window.screenTop  
网页正文部分左   window.screenLeft  
屏幕分辨率的高   window.screen.height  
屏幕分辨率的宽   window.screen.width  
屏幕可用工作区高度   window.screen.availHeight  
屏幕可用工作区宽度   window.screen.availWidth 

详细地址：http://blog.sina.com.cn/s/blog_53a36e9a0100a6ya.html