js 獲得視窗大小

下面有二款關於js 獲得視窗大小實例代碼，獲取視窗大小的方法就是利用了js document.body.clentwidth方法來實例。 方法很多，下面詳細有說明。

<script>
function getinfo()
{
    var s = "";
    s += " 網頁可見區域寬："+ document.body.clientwidth;
    s += " 網頁可見區域高："+ document.body.clientheight;
    s += " 網頁可見區域寬："+ document.body.offsetwidth + " (包括邊線和捲軸的寬)";
    s += " 網頁可見區域高："+ document.body.offsetheight + " (包括邊線的寬)";
    s += " 網頁正文全文寬："+ document.body.scrollwidth;
    s += " 網頁正文全文高："+ document.body.scrollheight;
    s += " 網頁被卷去的高(ff)："+ document.body.scrolltop;
    s += " 網頁被卷去的高(ie)："+ document.documentelement.scrolltop;
    s += " 網頁被卷去的左："+ document.body.scrollleft;
    s += " 網頁正文部分上："+ window.screentop;
    s += " 網頁正文部分左："+ window.screenleft;
    s += " 螢幕解析度的高："+ window.screen.height;
    s += " 螢幕解析度的寬："+ window.screen.width;
    s += " 螢幕可用工作區高度："+ window.screen.availheight;
    s += " 螢幕可用工作區寬度："+ window.screen.availwidth;
    s += " 你的螢幕設置是 "+ window.screen.colordepth +" 位彩色";
    s += " 你的螢幕設置 "+ window.screen.devicexDPI +" 圖元/英寸";
    //alert (s);
}
getinfo();
</script>

常用的

    網頁可見區域寬：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