JS（JavaScript）/jQuery獲取顯示器、屏幕、窗口、網(wǎng)頁(yè)分辨率方法，我們需要明確這個(gè)任務(wù)的目標(biāo)，即獲取屏幕的分辨率。接下來，我們可以按照以下步驟進(jìn)行實(shí)現(xiàn)。下面，我將一步一步地解釋每一步需要做什么，以及需要使用的代碼，并對(duì)這些代碼進(jìn)行注釋。

JavaScript
獲取顯示器、屏幕、窗口、網(wǎng)頁(yè)分辨率

網(wǎng)頁(yè)可見區(qū)域?qū)挘篸ocument.body.clientWidth
網(wǎng)頁(yè)可見區(qū)域高：document.body.clientHeight
網(wǎng)頁(yè)可見區(qū)域?qū)挘篸ocument.body.offsetWidth(包括邊線的寬)
網(wǎng)頁(yè)可見區(qū)域高：document.body.offsetHeight(包括邊線的寬)
網(wǎng)頁(yè)正文全文寬：document.body.scrollWidth
網(wǎng)頁(yè)正文全文高：document.body.scrollHeight
網(wǎng)頁(yè)被卷去的高：document.body.scrollTop(IE7無效)
網(wǎng)頁(yè)被卷去的左：document.body.scrollLeft(IE7無效)
網(wǎng)頁(yè)被卷去的高：document.documentElement.scrollTop(IE7有效)
網(wǎng)頁(yè)被卷去的左：document.documentElement.scrollLeft(IE7有效)
網(wǎng)頁(yè)正文部分上：window.screenTop
網(wǎng)頁(yè)正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的寬：window.screen.width
屏幕可用工作區(qū)高度：window.screen.availHeight
屏幕可用工作區(qū)寬度：window.screen.availWidth
相對(duì)于窗口左上角的X：window.event.clientX
相對(duì)于窗口左上角的Y：window.event.clientY
相對(duì)于整個(gè)頁(yè)面的X：window.event.X
相對(duì)于整個(gè)頁(yè)面的Y：window.event.Y

jQuery
獲取顯示器、屏幕、窗口、網(wǎng)頁(yè)分辨率

//獲取瀏覽器顯示區(qū)域（可視區(qū)域）的高度 ：   
$(window).height();   
//獲取瀏覽器顯示區(qū)域（可視區(qū)域）的寬度 ：
$(window).width();   
//獲取頁(yè)面的文檔高度   
$(document).height();   
//獲取頁(yè)面的文檔寬度 ：
$(document).width(); 
//瀏覽器當(dāng)前窗口文檔body的高度：  
$(document.body).height();
//瀏覽器當(dāng)前窗口文檔body的寬度： 
$(document.body).width();
//獲取滾動(dòng)條到頂部的垂直高度 (即網(wǎng)頁(yè)被卷上去的高度)  
$(document).scrollTop();   
//獲取滾動(dòng)條到左邊的垂直寬度 ：
$(document).scrollLeft(); 
//獲取或設(shè)置元素的寬度：
$(obj).width();
//獲取或設(shè)置元素的高度：
$(obj).height();