JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總

更新時(shí)間：2023年02月20日 08:14:18 作者：hongmin118

這篇文章主要介紹了JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總的相關(guān)資料,需要的朋友可以參考下

小編給大家分享一下JS與Jquery如何獲取屏幕、瀏覽器、頁(yè)面的寬度和高度的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

JavaScript獲取窗口寬高：

var s = "";  
s += "\r\n網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?quot;+ document.body.clientWidth;  
s += "\r\n網(wǎng)頁(yè)可見(jiàn)區(qū)域高："+ document.body.clientHeight;  
s += "\r\n網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?quot;+ document.body.offsetWidth +" (包括邊線(xiàn)和滾動(dòng)條的寬)";  
s += "\r\n網(wǎng)頁(yè)可見(jiàn)區(qū)域高："+ document.body.offsetHeight +" (包括邊線(xiàn)的寬)";  
s += "\r\n網(wǎng)頁(yè)正文全文寬："+ document.body.scrollWidth;  
s += "\r\n網(wǎng)頁(yè)正文全文高："+ document.body.scrollHeight;  
s += "\r\n網(wǎng)頁(yè)被卷去的高："+ document.body.scrollTop;  
s += "\r\n網(wǎng)頁(yè)被卷去的左："+ document.body.scrollLeft;  
s += "\r\n網(wǎng)頁(yè)正文部分上："+ window.screenTop;  
s += "\r\n網(wǎng)頁(yè)正文部分左："+ window.screenLeft;  
s += "\r\n屏幕分辨率的高："+ window.screen.height;  
s += "\r\n屏幕分辨率的寬："+ window.screen.width;  
s += "\r\n屏幕可用工作區(qū)高度："+ window.screen.availHeight;  
s += "\r\n屏幕可用工作區(qū)寬度："+ window.screen.availWidth;  
s += "\r\n你的屏幕設(shè)置是 "+ window.screen.colorDepth +" 位彩色";  
s += "\r\n你的屏幕設(shè)置 "+ window.screen.deviceXDPI +" 像素/英寸";  
alert(s);

Jquery如何獲取屏幕、瀏覽器、頁(yè)面的寬度和高度

//高度：
$(window).height();                                  //瀏覽器當(dāng)前窗口可視區(qū)域高度
$(document).height();                              //瀏覽器當(dāng)前窗口文檔的高度
$(document.body).height();                     //瀏覽器當(dāng)前窗口文檔body的高度
$(document.body).outerHeight(true);      //瀏覽器當(dāng)前窗口文檔body的高度
//總高度包括border, padding, margin

//寬度：
$(window).width();                                     //瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?
$(document).width();                                 //瀏覽器當(dāng)前窗口文檔對(duì)象寬度
$(document.body).width();                        //瀏覽器當(dāng)前窗口文檔body的高度
$(document.body).outerWidth(true);         //瀏覽器當(dāng)前窗口文檔body的

到此這篇關(guān)于JavaScript與jQuery獲取當(dāng)前窗口內(nèi)的寬度和高度匯總的文章就介紹到這了,更多相關(guān)js與jQuery得到當(dāng)前窗口內(nèi)的寬度和高度內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: