Dimensions de la fenêtre en JavaScript
Les propriétés suivantes contiennent les dimensions de la fenêtre du navigateur, n'incluant pas la barre de défilement :
let w = document.documentElement.clientWidth; // largeur
let h = document.documentElement.clientHeight; // hauteur
Les propriétés suivantes incluent la barre de défilement :
let w = window.innerWidth; // largeur
let h = window.innerHeight; // hauteur
La différence entre les deux types de propriétés donne la taille de la barre de défilement :
let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
En cliquant sur le bouton, affichez la largeur et la hauteur de la fenêtre.
En cliquant sur le bouton, vérifiez la présence d'une barre de défilement verticale pour la fenêtre.
En cliquant sur le bouton, vérifiez la présence d'une barre de défilement horizontale pour la fenêtre.
