1相對視窗，當然是以瀏覽器視窗為主了，即瀏覽器中可見部分（即包含文件部分）的左上角為座標原點。這是用clientx和clienty獲取的。
2相對螢幕，當然是以你的顯示器為主了，顯示器的左上角為原點，用screenx和screeny可以獲取到
3相對文件的，即以文件body所顯示的左上角為原點，例如當乙個div的position="absolute"時設left="100px" top="100px"那麼無論你如何變換瀏覽器，雖然它顯示的位置在變但他在文件中的位置是不變的。一般用document.body.scrollleft+event.clientx和document.body.scrolltop+event.clienty來獲取
而offsetx解釋說是事件產生的位置和滑鼠位置的偏移量，沒太理解，我也是初學。
而你說改變解析度座標改變，這是必然的。因為在不同的解析度下網頁的顯示樣式不同，這不是座標改變的主要原因，主要還是因為度量的改變，如：無論螢幕的解析度怎麼改螢幕大小是不變的，但它代表的顯示邏輯長度改變了，如1024×768和800×600，同樣寬度的螢幕被當成1024個長度單位來用和當成800個長度單位來用當然會不同，當你點選螢幕的**時前者返回的是1024/2而後者返回的是800/2.所以座標值會改變。就像你用公尺尺量是1公尺，用寸尺量是3寸，乙個是1，乙個是3一樣的道理。
獲取座標： ie (event.x event.y)
獲取滾動條位置：
document.body.scrolltop （滾動條離頁面最上方的距離）
document.body.scrollleft （滾動條離頁面最左方的距離）
當網頁最前面有以下內容：
">
document.documentelement.scrolltop （滾動條離頁面最上方的距離）
document.documentelement.scrollleft （滾動條離頁面最左方的距離）
滑鼠橫向滾動條 和 滑鼠滾動方向
阻止滑鼠滾動影響縱向滾動條的行為 找到影響滾動條的容器的 scrollleft 屬性為 根據滑鼠的滾輪方向，決定滾動條是向左還是向右滾動 lang en charset utf 8 name viewport content width device width,initial scale 1.0 ...
js獲取滾動條位置
獲取座標 ie event.x event.y 獲取滾動條位置 document.body.scrolltop 滾動條離頁面最上方的距離 document.body.scrollleft 滾動條離頁面最左方的距離 當我用js獲取當前垂直或者水平方向滾動條位置的時候，使用 document.body....
JS 常用位置 和 尺寸 獲取 滑鼠的座標
innerwidth 文件顯示區域 寬 innerheight 文件顯示區域 高 outwidth 瀏覽器整個寬 outheight 瀏覽器整個高 screenx screenleft 瀏覽器裡螢幕左上角距離的x座標 screeny screentop 瀏覽器裡螢幕左上角距離的y座標 尺寸 elem...