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:
let 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:
let 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:
let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Khi nhấn vào nút, hãy in ra chiều rộng và chiều cao của cửa sổ.
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ổ.
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ổ.
