女同一区二区三区在线-日本伊人久久综合网-国产日韩欧美mv高清-国产精品亚洲精品日韩已满十八小-亚洲精品色午夜无码专区日韩-亚洲精品无码成人片久久不卡-亚洲国产一级中文字幕-亚洲综合国产成人丁香五月激情-日韩精品一区二区三区在线观看l

????????? JS/jQuery獲取顯示器、屏幕、窗口、網(wǎng)頁分辨率方法 ?????????

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

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

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


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

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