JavaScript/이론

[Javascript] Javascript Object Model

sirius 2021. 3. 15. 09:47

window 객체 - 전역 객체이자 최상의 계층의 객체

브라우저 창 하나에는 각기 하나의 window 객체가 있음

 

1.DOM(Document Object Model)

 

웹 페이지 내의 모든 요소에 접근 가능케하는 표준 API

HTML의 기본 구조는 최상위 객체로 <html>이 있으며 그 하위 객체로는 <head>와 <body>가 있음

문서객체모델(DOM)을 통해 여러 요소들을 객체로 선택하여 속성을 바꾸고 Style을 CSS를 통해 변경할 수 있음

 

2.BOM(Browser Object Model)

 

브라우저에 계층적으로 내장되어 있는 객체

웹 브라우저 기능 요소를 직접 관리/제어할 수 있는 특별한 객체 모음

ex) navigator, screen, location, frames, history, XMLHttpRequest ... 

 

3.Javscript Core(내장 객체)

 

자바스크립트 엔진에 내장되어 있어, 필요한 경우 생성해 사용할 수 있는 객체

ex) 문자(String), 날짜(Date), 배열(Array), 수학(Math)객체 ...