1榔至、鼠標(biāo)事件
clientX 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于瀏覽器內(nèi)容窗口的 x 坐標(biāo)洛退，其中客戶區(qū)域不包括窗口自身的控件和滾動(dòng)條。
clientY 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于瀏覽器內(nèi)容窗口的 y 坐標(biāo)杰标，其中客戶區(qū)域不包括窗口自身的控件和滾動(dòng)條兵怯。
(跟screenX相比就是將參照點(diǎn)改成了瀏覽器內(nèi)容區(qū)域的左上角，該參照點(diǎn)會(huì)隨之滾動(dòng)條的移動(dòng)而移動(dòng)腔剂，也就是說(shuō)媒区，他計(jì)算left或top時(shí)直接忽略了滾動(dòng)條的高和寬，它的參考點(diǎn)是瀏覽器可見(jiàn)區(qū)域的左上角掸犬，而不是頁(yè)面本身的body左上角原點(diǎn)袜漩，計(jì)算數(shù)值和滾動(dòng)條是否滾動(dòng)沒(méi)有關(guān)系，只是絕對(duì)的計(jì)算鼠標(biāo)點(diǎn)距離瀏覽器內(nèi)容區(qū)域的左上角的距離湾碎，忽略了滾動(dòng)條的存在)
offsetX 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于觸發(fā)事件的對(duì)象的 x 坐標(biāo)宙攻。
offsetY 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于觸發(fā)事件的對(duì)象的 y 坐標(biāo)。
screenX 設(shè)置或獲取獲取鼠標(biāo)指針位置相對(duì)于用戶屏幕的 x 坐標(biāo)介褥。
screenY 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于用戶屏幕的 y 坐標(biāo)座掘。
pageX：參照點(diǎn)是頁(yè)面本身左上角的原點(diǎn).已經(jīng)把滾動(dòng)條滾過(guò)的高或?qū)捰?jì)算在內(nèi).
所以基本可以得出結(jié)論：
pageX > clientX, pageY > clientY
pageX = clientX + ScrollLeft(滾動(dòng)條滾過(guò)的水平距離)
pageY = clientY + ScrollTop(滾動(dòng)條滾過(guò)的垂直距離)
2、網(wǎng)頁(yè)
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth;
clientLeft: 獲取對(duì)象的border寬度
clientTop：獲取對(duì)象的border高度
網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.clientHeight;
包括padding但不包括border柔滔、水平滾動(dòng)條溢陪、margin的元素的高度。對(duì)于inline的元素這個(gè)屬性一直是0睛廊，單位px形真，只讀元素。
網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.offsetHeight (包括邊線的寬);
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬);
包括padding超全、border咆霜、水平滾動(dòng)條，但不包括margin的元素的高度卵迂。對(duì)于inline的元素這個(gè)屬性一直是0裕便，單位px，只讀元素见咒。
當(dāng)本元素的子元素比本元素高且overflow=scroll時(shí)偿衰，本元素會(huì)scroll，這時(shí)：scrollHeight: 因?yàn)樽釉乇雀冈馗撸冈夭幌氡蛔釉負(fù)蔚囊粯痈呔惋@示出了滾動(dòng)條下翎，在滾動(dòng)的過(guò)程中本元素有部分被隱藏了缤言，scrollHeight代表包括當(dāng)前不可見(jiàn)部分的元素的高度。而可見(jiàn)部分的高度其實(shí)就是clientHeight视事，也就是scrollHeight>=clientHeight恒成立胆萧。在有滾動(dòng)條時(shí)討論scrollHeight才有意義，在沒(méi)有滾動(dòng)條時(shí)scrollHeight==clientHeight恒成立俐东。單位px跌穗，只讀元素。
網(wǎng)頁(yè)正文全文寬： document.body.scrollWidth
網(wǎng)頁(yè)正文全文高： document.body.scrollHeight
網(wǎng)頁(yè)被卷去的高： document.body.scrollTop
網(wǎng)頁(yè)被卷去的左： document.body.scrollLeft
網(wǎng)頁(yè)正文部分上： window.screenTop;
網(wǎng)頁(yè)正文部分左： window.screenLeft;{screenLeft和screenTop屬性返回窗口相對(duì)于屏幕的X和Y坐標(biāo)}
offsetTop: 當(dāng)前元素頂部距離最近父元素頂部的距離,和有沒(méi)有滾動(dòng)條沒(méi)有關(guān)系虏辫。單位px蚌吸，只讀元素。
3砌庄、屏幕
屏幕分辨率的高： window.screen.height;
屏幕分辨率的寬： window.screen.width;
獲取用戶電腦屏幕的高度羹唠，是不關(guān)瀏覽器或者頂部工具欄跟底部工具欄的高度的
屏幕可用工作區(qū)高度： window.screen.availHeight;
屏幕可用工作區(qū)寬度：window.screen.availWidth;
電腦屏幕減掉頂部工具欄跟底部工具欄的高度
