본문 바로가기

자바스크립트/DOM 이론

웹에서 화면 변경시 화면의 크기 값을 가져오는 방법

window.innerWidth나 window.innerHeight를 쓰면 현재 웹 페이지의 너비와 높이를 알 수 있다.

사용자가 화면 크기를 조절할 때마다 값을 가져오고 싶다면 여기에 onresize라는 이벤트를 이용한다.

 

window.onresize = function () {

    console.log(window.innerWidth);

}

 

참고 :

https://www.w3schools.com/JSREF/prop_win_innerheight.asp

https://www.w3schools.com/jsref/event_onresize.asp