javascript<객체> 내장객체, 브라우저객체모델, 문서객체모델

LANGUAGE/JAVASCRIPT

옐옐루 2022. 11. 13. 15:09

자바스크립트의 객체는 크게 내장객체, 브라우저객체모델, 문서객체모델(DOM)으로 나눌 수 있음

1 내장객체

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

문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있음

가령 오늘의 날짜를 알고 싶다면 Date 객체를 생성하여 오늘 날짜를 알려주는 메서드 getDate()를 사용하면됨

2. 브라우저객체모델

브라우저 객체 모델(BOM)은 브라우저에 계층 구조로 내장되어 있는 객체를 말함

브라우저 객체로 window, screen, location, history, navigator 객체 등이 있으며 브라우저 (wndow)는 document와 location 객체의 상위 객체임

예를 들어 자바스크립트를 이용해 현재 열려 있는 사이트에서 다른 사이트로 이동하려면 location 객체에 참조 주소(href)속성을 바구면 됨.

window.location.href="사이트 URL"

3. 문서객체모델

문서 객체 모델(DOM)은 HTML 문서 구조를 말함. HTML 문서의 기본구조는 최상위 객체로 <html>이 있으며 그 하위 객체로는 <head>와 <body>가있음

다만 자바스크립트의 문서 객체 모델은 IE 8 이하 버전에서는 호환성이 떨어지기 때문에 사용하기가 어려움. 따라서 이러한 점을 극복하기 위해 제이쿼리 문서 객체 모델을 많이 사용.

대표적인 각각의 객체들에 대한 모델들에 대해선 다음 포스팅에서 진행할 예정