Каков самый надежный способ получить ширину/высоту окна браузера с помощью JavaScript?

Question

Я curently используя условия follownig, но они не работают во всех браузерах или вообще:

if (typeof (window.innerHeight) == 'number') { 
    //Non-IE: 
    //Perform operation using window.innerWidth/Height 
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { 
    //IE 6+ in 'standards compliant mode' 
    //Perform operation using document.documentElement.clientWidth/Height 
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { 
    //IE 4 compatible 
    //Perform operation using document.body.clientWidth/Height 
} 

Я считаю, что мне не хватает состояние или два - возможно, есть еще одна общего выражения я не принимал в учетную запись.

Что нужно добавить, чтобы это заполнить?

Answer 1

Вы лучше оборачивать всю логику в функцию, так что вы только должны сказать getWindowHeight()

// cross browser window height 
function getWindowHeight() { 
    return window.innerHeight || 
     (document.documentElement && document.documentElement.clientHeight) || 
     (document.body && document.body.clientHeight); 
} 

Tested: IE5.5 +, FF 2+, Chrome, Opera

Но для еще более надежного подхода, пожалуйста, посетите связанный с ним список вопросов, связанных с comp.lang.javascript:
How do I find the size of the window?

Answer 2

Включите jQuery на свои страницы и используйте $(window).width() и $(window).height().