화면 크기 구하기

개요

현재 브라우저의 창의 크기를 JavaScript 내장 속성으로 구할 수 있다.

주의 : XHTML 버전은 에서 표준이 정해져 있지 않아, 환경에 따라 다른 결과가 나올 수 있다.

주의 : HTML5 버전은 IE 구 버전에서 잘 되지 않을 수 있다

사용법

/* XHTML 표준이 없다 */
// 가로길이
document.body.offsetWidth 
document.body.scrollWidth // (문서 전체의 크기)
document.body.clientWidth // (창의 크기)
// 세로길이
document.body.offsetHeight
document.body.scrollHeight //(문서 전체의 크기)
document.body.clientHeight // (창의 크기)

/* HTML5 표준이 정해져 있다. */
// 가로 길이
window.innerWidth // 브라우저 윈도우 두께를 제외한 실질적 가로 길이
window.outerWidth // 브라우저 윈도우 두께를 포함한 브라우저 전체 가로 길이
//세로길이
window.innerHeight // 브라우저 윈도우 두께를 제외한 실질적 세로 길이
window.outerHeight // 브라우저 윈도우 두께를 포함한 브라우저 전체 세로 길이