JS(JavaScript)/jQuery獲取顯示器、屏幕、窗口、網(wǎng)頁(yè)分辨率方法,我們需要明確這個(gè)任務(wù)的目標(biāo),即獲取屏幕的分辨率。接下來(lái),我們可以按照以下步驟進(jìn)行實(shí)現(xiàn)。下面,我將一步一步地解釋每一步需要做什么,以及需要使用的代碼,并對(duì)這些代碼進(jìn)行注釋。
網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘篸ocument.body.clientWidth 網(wǎng)頁(yè)可見(jiàn)區(qū)域高:document.body.clientHeight 網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘篸ocument.body.offsetWidth(包括邊線的寬) 網(wǎng)頁(yè)可見(jiàn)區(qū)域高:document.body.offsetHeight(包括邊線的寬) 網(wǎng)頁(yè)正文全文寬:document.body.scrollWidth 網(wǎng)頁(yè)正文全文高:document.body.scrollHeight 網(wǎng)頁(yè)被卷去的高:document.body.scrollTop(IE7無(wú)效) 網(wǎng)頁(yè)被卷去的左:document.body.scrollLeft(IE7無(wú)效) 網(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
//獲取瀏覽器顯示區(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();