Javascript、Jquery獲取瀏覽器和屏幕各種高度寬度

有三種方法能夠確定瀏覽器視窗的尺寸（瀏覽器的視口，不包括工具欄和滾動條）。

對於Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

瀏覽器視窗的內部高度：window.innerHeight
瀏覽器視窗的內部寬度：window.innerWidth

對於 Internet Explorer 8、7、6、5：

document.documentElement.clientHeight
document.documentElement.clientWidth

或

document.body.clientHeight
document.body.clientWidth

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

scrollHeight 獲取對象的滾動高度。
scrollLeft 設置或獲取位於對象左邊界和視窗中目前可見內容的最左端之間的距離
scrollTop 設置或獲取位於對象最頂端和視窗中可見內容的最頂端之間的距離
scrollWidth 獲取對象的滾動寬度
offsetHeight 獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的高度
offsetLeft 獲取對象相對於版面或由 offsetParent 屬性指定的父坐標的計算左側位置
offsetTop 獲取對象相對於版面或由 offsetTop 屬性指定的父坐標的計算頂端位置
event.clientX 相對文檔的水平座標
event.clientY 相對文檔的垂直座標
event.offsetX 相對容器的水平坐標
event.offsetY 相對容器的垂直坐標
document.documentElement.scrollTop 垂直方向滾動的值
event.clientX+document.documentElement.scrollTop 相對文檔的水平座標+垂直方向滾動的量