Vensterafmetingen in JavaScript
De volgende eigenschappen bevatten de afmetingen van het browservenster, zonder de schuifbalk:
let w = document.documentElement.clientWidth; // breedte
let h = document.documentElement.clientHeight; // hoogte
De volgende eigenschappen omvatten de schuifbalk:
let w = window.innerWidth; // breedte
let h = window.innerHeight; // hoogte
Het verschil tussen de twee type eigenschappen geeft de grootte van de schuifbalk:
let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Klik op de knop om de breedte en hoogte van het venster weer te geven.
Klik op de knop om te controleren of er een verticale schuifbalk in het venster aanwezig is.
Klik op de knop om te controleren of er een horizontale schuifbalk in het venster aanwezig is.
