Fenstergrößen in JavaScript
Die folgenden Eigenschaften enthalten die Größen des Browserfensters, ohne die Bildlaufleiste einzubeziehen:
let w = document.documentElement.clientWidth; // Breite
let h = document.documentElement.clientHeight; // Höhe
Die folgenden Eigenschaften beinhalten die Bildlaufleiste:
let w = window.innerWidth; // Breite
let h = window.innerHeight; // Höhe
Die Differenz zwischen den beiden Eigenschaftstypen ergibt die Größe der Bildlaufleiste:
let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Bei Klick auf den Button geben Sie die Breite und Höhe des Fensters aus.
Bei Klick auf den Button prüfen Sie das Vorhandensein einer vertikalen Bildlaufleiste am Fenster.
Bei Klick auf den Button prüfen Sie das Vorhandensein einer horizontalen Bildlaufleiste am Fenster.
