DOM(문서 개체 모델)과 BOM(브라우저 개체 모델)은 웹 개발에서 두 가지 중요한 개념이며 웹 페이지 콘텐츠에 액세스하고 조작하기 위한 인터페이스는 물론 브라우저 창 및 기록과 같은 기능을 제공합니다. 아래에는 몇 가지 일반적인 DOM 및 BOM 개체가 나열되어 있습니다.
DOM 개체
- document: 전체 HTML 문서를 나타내며 문서의 요소, 스타일, 이벤트 등에 액세스하고 조작하는 데 사용할 수 있습니다.
- element: ,
등과 같은 HTML 요소를 나타냅니다. 이러한 요소는 DOM 메서드를 통해 얻고 조작할 수 있습니다.
- Node: 요소 노드, 텍스트 노드, 주석 노드 등을 포함하여 DOM 트리의 노드를 나타냅니다.
- 이벤트: 이벤트 개체를 나타내며 이벤트 유형, 대상 요소 등 이벤트가 트리거될 때 관련 정보를 포함합니다.
- Window: 브라우저 창을 나타내며 타이머, 팝업 상자 등 창 관련 메서드 및 속성을 제공합니다.
BOM 개체
- window: 브라우저 창을 나타내며 새 창 열기, 창 닫기, 타이머 설정 등과 같은 전역 브라우저 환경 관련 메서드 및 속성을 제공합니다.
- navigator: 브라우저 유형, 버전, 운영 체제 등을 포함한 브라우저 정보를 나타냅니다.
- location: 현재 창의 URL 정보를 나타내며 현재 페이지의 URL을 가져오고 설정하는 데 사용할 수 있습니다.
- history: 앞으로, 뒤로 작업하거나 지정된 페이지로 이동하는 데 사용할 수 있는 브라우저의 기록을 나타냅니다.
- screen: 화면 너비, 높이 등 사용자의 화면 정보를 나타냅니다.
위에 나열된 개체 외에도 개발자가 웹 콘텐츠 및 브라우저 창을 제어하고 상호 작용할 수 있는 다른 DOM 및 BOM 개체가 많이 있습니다. 이러한 개체는 개발자가 웹 페이지 및 브라우저 관련 작업을 유연하게 처리할 수 있도록 다양한 메서드와 속성 집합을 제공합니다.