獲取瀏覽器和屏幕各類高度寬度

原生js

document.body.clientWidth;        //網頁可見區域寬(body)

document.body.clientHeight;       //網頁可見區域高(body)

document.body.offsetWidth;       //網頁可見區域寬(body)，包括border、margin等

document.body.offsetHeight;      //網頁可見區域寬(body)，包括border、margin等

document.body.scrollWidth;        //網頁正文全文寬，包括有滾動條時的未見區域

document.body.scrollHeight;       //網頁正文全文高，包括有滾動條時的未見區域

document.body.scrollTop;           //網頁被捲去的Top(滾動條)

document.body.scrollLeft;           //網頁被捲去的Left(滾動條)

window.screenTop;                     //瀏覽器距離Top

window.screenLeft;                     //瀏覽器距離Left

window.screen.height;                //屏幕分辨率的高

window.screen.width;                 //屏幕分辨率的寬

window.screen.availHeight;          //屏幕可用工做區的高

window.screen.availWidth;           //屏幕可用工做區的寬

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的總寬度 包括border padding margin