Kích thước cửa sổ trong JavaScript
Các thuộc tính sau chứa kích thước của cửa sổ trình duyệt, không bao gồm thanh cuộn:
javascriptlet w = document.documentElement.clientWidth; // chiều rộng
let h = document.documentElement.clientHeight; // chiều cao
Các thuộc tính sau bao gồm thanh cuộn:
javascriptlet w = window.innerWidth; // chiều rộng
let h = window.innerHeight; // chiều cao
Sự khác biệt giữa hai loại thuộc tính cho kích thước của thanh cuộn:
javascriptlet w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Задание 1
Khi nhấn vào nút, hãy in ra chiều rộng và chiều cao của cửa sổ.
Задание 2
Khi nhấn vào nút, hãy kiểm tra sự hiện diện của thanh cuộn dọc trên cửa sổ.
Задание 3
Khi nhấn vào nút, hãy kiểm tra sự hiện diện của thanh cuộn ngang trên cửa sổ.