Browser Size

Window : 열려있는 브라우저 전체 창

Document: html에서 작성한 요소들이 표기되는 실제 페이지 부분

Navigator: 사용자 눈에는 보이지 않지만 중요한 정보들이 담겨있는 오브젝트

 

 

html을 브라우저에서 열면 window라는 전체적인(글로벌) 최고 오브젝트가 있고 그 아래  DOM, BOM, JavaScript

- Window

• DOM(Document Object Model): document …
• BOM(Browser Object Model): navigator, location, fetch, storage …
• JavaScript: Array, Map, Date …

 

• window.screen.width, height: 모니터 사이즈
• window.outerWidth, outerHeight: 탭, 주소창을 포함한 브라우저 전체 사이즈
• window.innerWidth, innerHeight: 페이지가 표기되는 부분. 스크롤바 포함
• document.documentElement.clientWidth,  clientHeight: 스크롤바 제외한 순수 document 페이지의 사이즈