티스토리 뷰

반응형

javascript 를 이용하여 브라우저창 크기 구하기

브라우저의 본문 크기는 다음과 같이 구할 수 있습니다.
window.document.body.offsetWidth
window.document.body.offsetHeight
window.document.body.clientWidth
window.document.body.clientHeight

 

clientWidth, clientHeight 는 offsetWidth, offsetHeight 와 달리 padding 사이즈를 포함하지만 margin, border, scroll bar 의 크기는 포함하지 않은 사이즈입니다.

 

※참고
window.screen.width
window.screen.height
window.screen.availWidth
window.screen.availHeight

 

screen 객체로 해상도를 구할 수 있습니다.
availWidth, availHeight 는 윈도우 task bar 의 크기를 제외하고 구해집니다

반응형

'개발 n > javascript' 카테고리의 다른 글

localStorage 사용방법  (0) 2022.07.24
javascript 숫자 3자리 콤마 넣기  (0) 2020.11.27
JavaScript 에서 Unix 타임을 시간으로 변환  (0) 2020.11.24
댓글