[자바스크립트]DOM?BOM?

DOM이란?

크롬과 엣지 같은 렌더링 엔징을 통해 HTML을 해석하고 이러한 웹 문서를 객체화 하여 자바스크립트 언어로 접근할 수 있도록 하는 것을 DOM이라고 한다 

즉 문서객체 모델로서 DOM은 브라우저에서 JS로 HTML요소를 제어할 수 있도록 제공 하는 API이다.  약어로써 Document object Model (DOM)이라고 한다 

 

BOM이란?

Brower-object-Model의 약어로써 브라우저 자체를 제어 할 수 있도록 모델링한 것이다

웹문서 영역을 제어할 수 있게 제공하는 객체가 있는데 이걸 document 라고 한다 document는 웹페이지 자체를 의마하며 DomTree의 최상위 노드로써 원하는 HTML요소에 접근 할 수있다 

즉 DOM요소에 접근하는 진입접이라 볼 수있다.

• window 객체 - 모든 객체가 소속된 객체이며 ,브라우저 창을 의미한다
• location 객체 - 문서의 주소와 관련된 객체로 window 객체의 프로퍼티인 동시에 document의 프로퍼티 입니다 . 이객체를 이용하여 윈도우의 문서 URL을 변경할 수 있고, 문서의 위치와 관련해서 다양한 정보를 얻을 수 있습니다.
• navigator 객체 -  실행중인 애플리케이션(브라우저)에 대한 정보를 알 수있다. 크로스 브라우징 이슈를 해결할 때 사용할 수 있다.
• history 객체  - 현재의 브라우저가 접근했던 URL history를 제어할 수 있다
• screen 객체 - 사용자의 디스플레이 화면에 대한 다양한 정보를 갖고있는 객체이다.
• document 객체 - 현재문서에 대한 정보를 갖고 있는 객체 

CSSOM이란?

로 CSS를 JS로 조작할 수 있도록 한 것을 CSSOM 이라고 한다. ( CSS Object Model )