ขนาดหน้าต่างใน JavaScript

คุณสมบัติต่อไปนี้มีขนาดของหน้าต่างเบราว์เซอร์ที่ไม่รวมแถบเลื่อน:

let w = document.documentElement.clientWidth;  // ความกว้าง
let h = document.documentElement.clientHeight; // ความสูง

คุณสมบัติต่อไปนี้รวมแถบเลื่อน:

let w = window.innerWidth;  // ความกว้าง
let h = window.innerHeight; // ความสูง

ความแตกต่างระหว่างคุณสมบัติสองประเภทให้ขนาดของแถบเลื่อน:

let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;

console.log(w2 - w1);

เมื่อคลิกปุ่ม ให้แสดงความกว้างและความสูงของหน้าต่าง

เมื่อคลิกปุ่ม ให้ตรวจสอบว่าหน้าต่างมีแถบเลื่อนแนวตั้งหรือไม่

เมื่อคลิกปุ่ม ให้ตรวจสอบว่าหน้าต่างมีแถบเลื่อนแนวนอนหรือไม่