Comment obtenir la hauteur et la largeur d'un document sans utiliser jquery

Question

Comment obtenir la hauteur et la largeur d'un document en javascript pur, c'est-à-dire sans utiliser jquery. Je sais à propos de $ (document) .height () et $ (document) .width (), mais je veux le faire en javascript.

Je voulais dire la hauteur et la largeur de la page.

Answer 1

 var height = document.body.clientHeight;
var width = document.body.clientWidth;
 

Check: cet article pour une meilleure explication.

Answer 2

Même le dernier exemple donné sur http://www.howtocreate.co.uk/tutorials/javascript/browserwindow ne fonctionne pas en mode Quirks. Plus facile à trouver que je ne le pensais, cela semble être la solution (extraite du dernier code jQuery):

 Math.max(document.documentElement["clientWidth"], document.body["scrollWidth"], document.documentElement["scrollWidth"], document.body["offsetWidth"], document.documentElement["offsetWidth"]);
 

il suffit de remplacer Width pour "Height" pour obtenir Height.

Answer 3

Vous pouvez essayer getBoundingClientRect comme cela fonctionne généralement avec plusieurs navigateurs

 document.body.getBoundingClientRect()
 

Answer 4

Vous pouvez aussi essayer:

 document.body.offsetHeight
document.body.offsetWidth