獲取寬高

獲取寬高

Javascript:
alert(document.body.clientWidth);        //網頁可見區域寬(body)
alert(document.body.clientHeight);      //網頁可見區域高(body)
alert(document.body.offsetWidth);      //網頁可見區域寬(body)，包括border、margin等
alert(document.body.offsetHeight);      //網頁可見區域寬(body)，包括border、margin等
alert(document.body.scrollWidth);        //網頁正文全文寬，包括有滾動條時的未見區域
alert(document.body.scrollHeight);      //網頁正文全文高，包括有滾動條時的未見區域
alert(document.body.scrollTop);          //網頁被捲去的Top(滾動條)
alert(document.body.scrollLeft);          //網頁被捲去的Left(滾動條)
alert(window.screenTop);                    //瀏覽器距離Top
alert(window.screenLeft);                    //瀏覽器距離Left
alert(window.screen.height);                //屏幕分辨率的高
alert(window.screen.width);                //屏幕分辨率的寬
alert(window.screen.availHeight);          //屏幕可用工做區的高
alert(window.screen.availWidth);          //屏幕可用工做區的寬
Jquery
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

轉載：http://www.cnblogs.com/EricaMIN1987_IT/p/3593431.html