js獲取瀏覽器的各種屬性

網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.clientWidth;

網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.clientHeight;

網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?document.body.offsetWidth    (包括邊線(xiàn)的寬);

網(wǎng)頁(yè)可見(jiàn)區(qū)域高： document.body.offsetHeight   (包括邊線(xiàn)的寬);

網(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;

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

屏幕分辨率的寬： window.screen.width;

屏幕可用工作區(qū)高度： window.screen.availHeight;

屏幕可用工作區(qū)寬度：window.screen.availWidth;

scrollHeight: 獲取對(duì)象的滾動(dòng)高度。 

scrollLeft:設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見(jiàn)內(nèi)容的最左端之間的距離

scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離

scrollWidth:獲取對(duì)象的滾動(dòng)寬度

offsetHeight:獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度

offsetLeft:獲取對(duì)象相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置

offsetTop:獲取對(duì)象相對(duì)于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置 

event.clientX 相對(duì)文檔的水平座標(biāo)

event.clientY 相對(duì)文檔的垂直座標(biāo)

event.offsetX 相對(duì)容器的水平坐標(biāo)

event.offsetY 相對(duì)容器的垂直坐標(biāo) 

document.documentElement.scrollTop 垂直方向滾動(dòng)的值

event.clientX+document.documentElement.scrollTop 相對(duì)文檔的水平座標(biāo)+垂直方向滾動(dòng)的量

要獲取當(dāng)前頁(yè)面的滾動(dòng)條縱坐標(biāo)位置，用：

document.documentElement.scrollTop;

而不是：

document.body.scrollTop;

documentElement 對(duì)應(yīng)的是 html 標(biāo)簽，而 body 對(duì)應(yīng)的是 body 標(biāo)簽

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持億速云!