Vensterafmetingen in JavaScript

De volgende eigenschappen bevatten de afmetingen van het browservenster, zonder de schuifbalk:

javascriptlet w = document.documentElement.clientWidth;  // breedte
let h = document.documentElement.clientHeight; // hoogte

De volgende eigenschappen omvatten de schuifbalk:

javascriptlet w = window.innerWidth;  // breedte
let h = window.innerHeight; // hoogte

Het verschil tussen de twee type eigenschappen geeft de grootte van de schuifbalk:

javascriptlet w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;

console.log(w2 - w1);