gf0308 2021. 9. 21. 12:47

BOM(Browser Object Model)

: Browser Object Model(브라우저 객체 모델) 이다.

브라우저와 관련된 객체들의 집합을 의미한다.

 

  • window(최상위)
  • location, navigator, history, screen, document

이 브라우저 객체 모델을 이용해 Browser와 관련된 기능들을 구성한다. DOM도 이 BOM 중의 하나 이다.

브라우저 객체 모델(BOM)의 최상위 객체는 window 라는 객체다.

DOM은 이 window객체의 하위객체이기도 하다.

 

  • window
    • 최상위 객체, 다른 BOM 객체의 상위 개념
    • alert(), prompt() 등 많은 메서드를 가지고 있음
    • var 키워드로 선언한 일반 변수도 window 객체의 속성이 됨
    • window객체생성 메서드: open(URL, name, features, replaced);

ex_1)

변수에 담아서 이용 가능

→ window객체 생성 시 생성된 객체를 반환하므로(즉, 리턴물이 있음) 이를 변수에 담아서 이용이 가능함.

ex_2) 부여한 설정값 대로 창을 띄울 수 있음

부여한 설정값 대로 창을 띄움

 

  •  screen
    • 웹브라우저 화면이 아닌 운영체제 화면의 속성을 갖는 객체
  • location
    • 웹 브라우저의 주소 표시줄과 관련된 객체
  • navigator
    • 웹 페이지를 실행중인 브라우저에 대한 정보가 담긴 객체
  • document
    • HTML문서 내용을 담고 있는 객체로, DOM 내용의 객체