javascript和Jquery獲取屏幕寬度與高度的方法

JS,Jquery獲取屏幕的寬度和高度代碼,獲取的方法有很多種，但不管多少總，大致的內置函數還是那幾個，現在就簡單羅列出來。

javascript獲取屏幕的寬度和高度代碼

　　網頁可見區域寬： document.body.clientWidth

　　網頁可見區域高： document.body.clientHeight

　　網頁可見區域寬： document.body.offsetWidth (包括邊線的寬)

　　網頁可見區域高： document.body.offsetHeight (包括邊線的高)

　　網頁正文全文寬： document.body.scrollWidth

　　網頁正文全文高： document.body.scrollHeight

　　網頁被卷去的高： document.body.scrollTop

　　網頁被卷去的左： document.body.scrollLeft

　　網頁正文部分上： window.screenTop

　　網頁正文部分左： window.screenLeft

　　屏幕分辨率的高： window.screen.height

　　屏幕分辨率的寬： window.screen.width

　　屏幕可用工作區高度： window.screen.availHeight

　　屏幕可用工作區寬度： window.screen.availWidth

　Jquery獲取屏幕的寬度和高度代碼

　$(document).ready(function(){
　　alert($(window).height()); //瀏覽器當前窗口可視區域高度
　　alert($(document).height()); //瀏覽器當前窗口文檔的高度
　　alert($(document.body).height());//瀏覽器當前窗口文檔body的高度
　　alert($(document.body).outerHeight(true));//瀏覽器當前窗口文檔body的總高度 包括border padding margin
　　alert($(window).width()); //瀏覽器當前窗口可視區域寬度
　　alert($(document).width());//瀏覽器當前窗口文檔對象寬度
　　alert($(document.body).width());//瀏覽器當前窗口文檔body的寬度
　　alert($(document.body).outerWidth(true));//瀏覽器當前窗口文檔body的總寬度 包括border padding margin
　　})

以上就是直擊JS,Jquery獲取屏幕的寬度和高度代碼的詳細內容，更多請關注億速云其它相關文章！