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