-
[JavaScript] 자바스크립트의 객체Legacy/Web 2015. 7. 12. 02:21728x90
자바스크립트에는 클래스가 존재하지 않는다.
자바스크립트에서 객체는 크게 내장 객체, 브라우저 객체 모델(BOM), 문서 객체 모델(DOM)으로 나눌 수 있다.
1. 내장 객체
내장 객체는 자바스크립트 엔진에 내장되어 있어, 필요한 경우 생성해서 사용할 수 있다. 대표적인 내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math), 정규 표현(RegExp)객체 등이 있다.
2. 브라우저 객체 모델(Browser Object Model)
브라우저에 계층적으로 내장되어 있는 객체들을 브라우저 객체 모델(BOM)이라고 한다. 대표적인 브라우저 객체로는 window, screen, location, history, navigator 객체 등이 존재한다.
3. 문서 객체 모델(Document Object Model)
문서 객체 모델은 HTML 또는 XML 문서 구조를 말한다. 최상위 객체로는 <html>이 존재하고 그 하위 객체로 <head>와 <body>가 있다. 자바스크립트를 이용해 이미지의 src 프로퍼티를 바꾸려면 지정된 <img>를 선택해 src 프로퍼티를 바꿔야 한다. 이때 지정 요소를 잘 선택해 가져오려면 문서 객체 구조를 잘 이해하고 있어야 한다.
하지만 자바스크립트의 문서 객체 모델은 IE 8 이하 버전에서 호환성이 떨어지기 때문에 사용이 힘들다는 단점이 있다. 그래서 최근에는 제이쿼리 문서 객체 모델을 많이 사용한다.
'Legacy > Web' 카테고리의 다른 글
[jQuery] 제이쿼리란 (1) 2015.07.14 [JavaScript] 이벤트 (0) 2015.07.14 [JavaScript] JavaScript Event Handler (0) 2015.07.13 [JavaScript] DOM(Document Object Model) (0) 2015.07.13 [JavaScript] BOM(Browser Object Model) (2) 2015.07.13 [JavaScript] 조건식에 논리형(Boolean)이 아닌 다른 형이 오는 경우 (0) 2015.07.11 [JavaScript] CDATA 선언문 (0) 2015.07.11 인기 있는 소셜 네트워크 서비스로 본 아키텍처 (0) 2015.07.04 [HTML] div 태그 (0) 2015.07.04 검색 잘되는 웹문서 만들기 (0) 2015.07.04