擷取浏覽器螢幕高度JS+JQ

原生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