Venstergrootte in JavaScript
Die volgende eienskappe bevat die afmetings van die blaaiervenster, wat nie die rolstrook insluit nie:
javascriptlet w = document.documentElement.clientWidth; // breedte
let h = document.documentElement.clientHeight; // hoogte
Die volgende eienskappe sluit die rolstrook in:
javascriptlet w = window.innerWidth; // breedte
let h = window.innerHeight; // hoogte
Die verskil tussen die twee tipes eienskappe gee die grootte van die rolstrook:
javascriptlet w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Задание 1
Druk op die knoppie om die breedte en hoogte van die venster te vertoon.
Задание 2
Druk op die knoppie om te kontroleer of daar 'n vertikale rolstrook by die venster is.
Задание 3
Druk op die knoppie om te kontroleer of daar 'n horisontale rolstrook by die venster is.