javaScript 擷取視窗的高度和寬度

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;  
你的螢幕設定是   "+   window.screen.colorDepth   +"   位彩色";  
你的螢幕設定   "+   window.screen.deviceXDPI   +"   像素/英寸";

特殊1、
document.body.scrollTop總為0的解決方案
var scrollPos;
if (typeof window.pageYOffset != 'undefined') { 
   scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
             document.compatMode != 'BackCompat') { 
   scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
           scrollPos = document.body.scrollTop;
}
alert(scrollPos );

特殊2、
網頁本文全文寬："+   document.body.scrollWidth;  
網頁本文全文高："+   document.body.scrollHeight;  
以上函數有時擷取不了，就用一下方法。
        var xScroll, yScroll;
        if (window.innerHeight && window.scrollMaxY)
        {
            xScroll = document.body.scrollWidth;
            yScroll = window.innerHeight + window.scrollMaxY;
        } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
            xScroll = document.body.scrollWidth;
            yScroll = document.body.scrollHeight;
        } else
        { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
            xScroll = document.body.offsetWidth;
            yScroll = document.body.offsetHeight;
        }