[JS] BOM

Browser Object Model (BOM)

- 웹 브라우저를 구조화 해놓은 객체

- window 객체를 통해 웹 브라우저를 직접 제어할 수 있다.

- window는 기본적으로 생략이 가능하다.

 

BOM의 객체들

- window: 웹 브라우저 최상위 객체

- window.screen: 모니터 등 화면에 대한 정보

- window.document: 현재 페이지의 HTML코드 구조 (DOM)

- window.history: 웹 브라우저의 페이지 이동 내역 (뒤로가기 막기 등 구현 가능)

- window.location: 현재 웹 브라우저가 위치한 경로에 대한 정보

- window.navigator: 웹 브라우저에 대한 정보들

 

window.innerWidth / innerHeight

// 웹 브라우저 크기
console.log(window.innerWidth);
console.log(window.innerHeight);

 

window.alert()

- 경고창 띄우는 함수

 

window.history.state

- 사용자가 직접 정의한 방문 이력

 

window.location.reload()

- 새로고침