[HTML5 웹 프로그래밍] 문서 & 브라우저 객체 모델

문서 객체 모델 ( DOM, document object model )

문서 객체

HTML 문서의 각 요소를 자바스크립트에서 사용할 수 있도록 객체로 만든 것

DOM

브라우저가 HTML 문서에 접근 할 수 있도록 정의해 놓은 표준 모델

HTML 문서를 분석하고 표시하는 방식

문서가 적재되면 브라우저는 정적으로 DOM 생성

• 계층적인 구조를 갖는 트리로 표현 → DOM 트리
• 자바스크립트를 이용하면 프로그램 실행 중에 웹 문서의 내용, 구조 및 스타일에 대한 작업 가능

→ 결과가 즉각 화면에 반영

[출처] 강의 내용

브라우저 객체 모델(BOM , browser object model)

브라우저를 객체로 표현

window ┌ document : html 문서를 표현 (최상위)

       ├  history : 사용자가 방문한 URL을 저장 관리

       ├  location : 현재 URL 에 대한 정보 유지

       ├  navigator : 현재 사용 중인 브라우저에 대한 정보 관리

       └  screen : 스크린 장치에 대한 정보 관리