JavaScript獲取當前窗口內的寬度和高度匯總

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

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

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

JavaScript獲取窗口寬高：

var s = "";  
s += "\r\n網頁可見區(qū)域寬："+ document.body.clientWidth;  
s += "\r\n網頁可見區(qū)域高："+ document.body.clientHeight;  
s += "\r\n網頁可見區(qū)域寬："+ document.body.offsetWidth +" (包括邊線和滾動條的寬)";  
s += "\r\n網頁可見區(qū)域高："+ 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屏幕可用工作區(qū)高度："+ window.screen.availHeight;  
s += "\r\n屏幕可用工作區(qū)寬度："+ window.screen.availWidth;  
s += "\r\n你的屏幕設置是 "+ window.screen.colorDepth +" 位彩色";  
s += "\r\n你的屏幕設置 "+ window.screen.deviceXDPI +" 像素/英寸";  
alert(s);

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

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

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

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

您可能感興趣的文章: