Vinduestørrelser i JavaScript
Følgende egenskaber indeholder vinduestørrelsenerne i browseren, uden at inkludere rullefeltet:
let w = document.documentElement.clientWidth; // bredde
let h = document.documentElement.clientHeight; // højde
Følgende egenskaber inkluderer rullefeltet:
let w = window.innerWidth; // bredde
let h = window.innerHeight; // højde
Forskellen mellem de to typer egenskaber giver størrelsen på rullefeltet:
let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Ved klik på knappen, udskriv bredden og højden af vinduet.
Ved klik på knappen, tjek for tilstedeværelsen af vertikal rulling i vinduet.
Ved klik på knappen, tjek for tilstedeværelsen af horisontal rulling i vinduet.