JS（JavaScript）/jQuery獲取顯示器、屏幕、窗口、網頁分辨率方法，我們需要明確這個任務的目標，即獲取屏幕的分辨率。接下來，我們可以按照以下步驟進行實現。下面，我將一步一步地解釋每一步需要做什么，以及需要使用的代碼，并對這些代碼進行注釋。

JavaScript
獲取顯示器、屏幕、窗口、網頁分辨率

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

jQuery
獲取顯示器、屏幕、窗口、網頁分辨率

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