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);

버튼을 클릭하면 창의 너비와 높이를 출력하세요.

버튼을 클릭하면 창에 수직 스크롤이 있는지 확인하세요.

버튼을 클릭하면 창에 수평 스크롤이 있는지 확인하세요.