JS BOM (Browser Object Model)

BOM (Browser Object Model)

웹 브라우저의 다양한 기능을 객체처럼 다루는 모델

대표적인 객체 종류

1. window 객체

• Global Context (전역 공간)이자 브라우저 창을 나타내는 객체 입니다.
• 전역 변수나 전역 함수의 경우 window의 프로퍼티처럼 작동하 게 됩니다.
• 중요 프로퍼티 - innerWidth, innerHeight, screenX, screenY, scrollBy( ), scrollTo( ) 등등

2. screen 객체

• 사용자 환경의 디스플레이(모니터) 정보를 가지는 객체입니다.
• 중요 프로퍼티 - availHeight, availWidth, width, height, orientation

3. location 객체

• 사용자가 보고 있는 페이지의 URL을 다루는 객체입니다.
• 중요 프로퍼티 - href, reload, replace

4. navigator 객체

• 웹브라우저 및 브라우저 환경정보를 가지는 객체입니다.
• 중요 프로퍼티 - userAgent

DOM (Document Object Model)

자바스크립트 Node 객체의 계층화된 트리

대표적 노드 종류

1. document 노드

• 웹 페이지마다 존재하는 객체입니다. 웹 페이지 안의 모든 컨텐 츠를 다루는 시작점입니다.
• 중요 프로퍼티 - title, url, doctype, documentElement, head, body, getElementById, createElement, querySelector, readyState

2. element 노드

• 웹 페이지 안의 각 html 태그 요소들을 의미합니다.
• 중요 프로퍼티 - querySelector, classList, dataset, id, innerHTML, parentNode, nextSibling, previousSibling

참고

https://www.inflearn.com/course/%EC%BD%94%EB%94%A9%EC%9D%B8%ED%84%B0%EB%B7%B0-js-%EC%96%91%EC%84%B1%ED%95%99%EA%B5%90