[JavaScript] Object Model (객체화)

출처 : 생활코딩, https://opentutorials.org/course/1375/6622

 

 

웹브라우저의 구성요소들은 모두 객체화되어있다.

자바스크립트로 이 객체들을 제어해서 웹브라우저의 요소를 제어할 수 있다.

Object Model은 크게 BOM과 DOM로 구성된다.

 

 

1. Object Model

window

- 전역개체

- 모든 속성 앞에 부모 객체를 입력하지 않으면

  자동으로 window전역객체에 속한 객체로 인식된다. 

- DOM, BOM, JAVASCRIPT 객체를 가지고 있다.

 

  1). DOM (Document Object Model)

문서(document), 즉 웹페이지의 내용을 제어하는 중요한 객체이다.

문서내의 주요 요소에 접근할 수 있는 객체를 제공하며

특정 요소의 객체를 획득할 수 있는 method도 제공한다.

 

  2). BOM (Browser Object Model)

웹페이지의 내용을 제외한 브라우저의 각종 요소들을 객체화한 것이다.

이러한 객체들은 브라우저를 제어한다.

 

 

  3). JavaScript

broswer, google abstract, node.js의 시스템을 제어할 수 있다.

Array, Function, Date와 같은 독자적인 객체를 가지고 있다.