JavaScript如何獲取當前窗口內的寬度和高度

今天小編給大家分享一下JavaScript如何獲取當前窗口內的寬度和高度的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

JavaScript獲取窗口寬高：

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

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

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

//寬度：
$(window).width();                                     //瀏覽器當前窗口可視區域寬度
$(document).width();                                 //瀏覽器當前窗口文檔對象寬度
$(document.body).width();                        //瀏覽器當前窗口文檔body的高度
$(document.body).outerWidth(true);         //瀏覽器當前窗口文檔body的

以上就是“JavaScript如何獲取當前窗口內的寬度和高度”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。