낭만 프로그래머

자바스크립트(Javascript)로 브라우저 넓이(width)와 높이(height) 가져오기 본문

Javascript

자바스크립트(Javascript)로 브라우저 넓이(width)와 높이(height) 가져오기

조영래 2020. 5. 26. 11:27

자바스크립트를 사용하여 브라우저 넓이와 높이를 가져오자
보통은 이 값을 가지고 브라우저가 리사이즈 될때 내부에 있는 UI Component 크기를 변경하는 작업을 주로 한다

window.screenTop : 브라우저 위에서 위치
window.screenLeft : 브라우저 왼쪽에서 위치
window.innerWidth : 브라우저 화면의 너비
window.innerHeight : 브라우저 화면의 높이
window.outerWidth : 브라우저 전체의 너비
window.outerHeight : 브라우저 전체의 높이