如何在沒有滾動條的情況下獲得瀏覽器窗口大小

Question

如何獲得沒有滾動條的寬度和高度的瀏覽器窗口大小？

當我用這個方法，我用滾動條的寬度和高度玩拿出34

 var $windowW = ($(window).width() - 34); 
    var $windowH = ($(window).height() - 34); 
    alert($windowW + " " + $windowH); // THe results are width 1440 and 745 height 
    $("body").css("width", $windowW); 
    $("body").css("height", $windowH); 
    $("body").css("border","1px solid green"); 

Answer 1

function getScrollBarDimensions(){ 
var elm = document.documentElement.offsetHeight ? document.documentElement : document.body, 

    curX = elm.clientWidth, 
    curY = elm.clientHeight, 

    hasScrollX = elm.scrollWidth > curX, 
    hasScrollY = elm.scrollHeight > curY, 

    prev = elm.style.overflow, 

    r = { 
    vertical: 0, 
    horizontal: 0 
    }; 


    if(!hasScrollY && !hasScrollX) { 
    return r; 
    } 

elm.style.overflow = "hidden"; 

    if(hasScrollY) { 
    r.vertical = elm.clientWidth - curX; 
    } 

    if(hasScrollX) { 
    r.horizontal = elm.clientHeight - curY; 
    } 
elm.style.overflow = prev; 


return r; 
} 

這一頁產運行getScrollBarDimensions();：

Object 
horizontal: 0 
vertical: 17 

對於我在谷歌瀏覽器，IE7，歌劇和火狐。