Quel est le moyen le plus robuste pour obtenir la largeur/hauteur de la fenêtre du navigateur en utilisant JavaScript?

Question

Je suis curently en utilisant les conditions de follownig, mais ils ne fonctionnent pas dans les navigateurs ou pas du tout:

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 
} 

Je crois que je suis manque une condition ou deux - peut-être il y a une autre expression commune que je ne l'ai pas pris en compte.

Que dois-je ajouter pour que cela soit complet?

Answer 1

Vous mieux envelopper toute la logique en fonction, donc il vous suffit de dire 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

Mais pour une approche encore plus robuste s'il vous plaît visitez l'entrée connexe FAQ comp.lang.javascript:
How do I find the size of the window?

Answer 2

Incluez jQuery dans vos pages et utilisez $(window).width() et $(window).height().