객체의 종류
자바스크립트의 객체는 크게 내장 객체, 브라우저 객체 모델(BOM, Browser Object Model), 문서 객체 모델(DOM, Document Object Model)로 나눌수 있다.
내장객체
내장 객체는 자바스크립트 엔진에 내장되어 있어 필요한 경우 에 생성해서 사용할 수 있다. 내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있다. 예를 들어 오늘 날짜를 알고 싶다면 Date 객체를 생성하여 오늘 날짜를 알려주는 메서드 getDate()를 사용하면 된다.
브라우저 객체 모델(BOM)
브라우저 객체 모델(BOM)은 브라우저에 계층 구조로 내장되어 있는 객체를 말한다. 브라우저 객체로는 window, screen, location, history, navigator 객체 등이 있다. 브라우저(window)는 document와 location 객체의 상위 객체이다.
문서 객체 모델(DOM)
문서 객체 모델(DOM)은 HTML 문서 구조를 말한다. HTML 문서의 기본 구조는 최상위 객체로 <html>이 있으며, 그 하위 객체로는 <head>와 <body>가 있다. 문서 객체 모델에서는 HTML의 모든 요소들을 문소 객체로 선택하여 자유롭게 속성을 바꿀 수 있고, 선택한 문서 객체에 원하는 스타일(CSS)을 적용할 수도 있다.
하지만 자바스크립트의 문서 객체 모델은 IE 8 이하에서는 호환성이 떨어지기 때문에 JQuery 문서 객체 모델을 많이 사용한다.
'Web Programming > JavaScript' 카테고리의 다른 글
| [JavaScript] 브라우저 언어 확인 (0) | 2018.09.13 |
|---|---|
| [JavaScript] 날짜 객체(Date Object) (0) | 2018.08.01 |
| 자바스크립트 - 연산자 (0) | 2018.07.31 |
| 자바스크립트 - undefined vs null (0) | 2018.07.31 |
| 자바스크립트 - 전역 변수 (0) | 2018.07.06 |