JS-브라우저정보제어(BOM) window 객체

window 객체

• innerWidth : 브라우저 안쪽의(브라우저 안쪽은 인터넷창에서 즐겨찾기 밑에 페이지 그자체를 말함) 너비값 반환
• innerHeight : 브라우저 안쪽의 높이값 반환
• outerWidth : 브라우저의 프레임을 포함한(프레임이라 하면, 모니터에 보이는 인터넷 창 전체) 넓이값 반환
• outerHeight : 브라우저의 프레임을 포함한 높이값 반환
• scrollY : 현재 스크롤된 브라우저의 Y축 거리값
• scrollX : 현재 스크롤된 브라우저의 X축 거리값

ex) innerWidth에서 브라우져창 크기가 변경될때마다 width가 변경되서 콘솔창에 찍힘

	window.addEventListener("resize", e => {
      console.log(window.innerWidth);
    })

ex) 스크롤 값 알려주기

	window.addEventListener("scroll", e => {
      console.log(window.scrollY);
    })