JavaScript에서 DOM과 BOM은 무엇입니까?

JavaScript에서 DOM과 BOM은 무엇입니까? 누군가가 평신도 용어로 이것을 설명 할 수 있다면 그것은 좋을 것입니다! 나는 이것들에 대해 더 깊이 이해하고 싶습니다.

는 BOM (브라우저 개체 모델) 개체로 구성 navigator, history, screen, location및 document의 자녀입니다 window. 에서 document노드 DOM (문서 객체 모델), 페이지의 내용을 나타내는 문서 객체 모델이다. 자바 스크립트를 사용하여 조작 할 수 있습니다.

• DOM-문서 객체 모델
• BOM-브라우저 개체 모델

이 기사에서는 Javascript, DOM 및 BOM 간의 관계를 설명합니다.

그것들은 당신이 다루는 다른 객체 일뿐입니다.

• DOM은 문서, HTML 요소 자체, 예를 들어 문서에서 수행 할 모든 순회, 이벤트 등 을 처리 하는 문서 객체 모델입니다 document.
• BOM을은입니다 브라우저 객체 모델, 어떤 문서, 등으로부터 따로 브라우저 구성 요소와의 거래 history, location, navigator과 screen(뿐만 아니라 브라우저에 따라 다릅니다 일부 등).

DOM은 문서 객체 모델을 의미합니다. 웹 페이지가로드되면 브라우저가 페이지에 대한 문서 객체 모델을 생성합니다. 모든 객체는 트리 구조로 정렬됩니다.

BOM은 브라우저 개체 모델을 의미합니다. 창 개체는 창 브라우저를 나타내는 모든 브라우저에서 지원됩니다. 모든 전역 JavaScript 개체, 함수 및 변수는 자동으로 창 개체의 구성원이됩니다.

Mozilla Foundation에서 Javascript에 대한 자세한 정보를 찾을 수 있습니다.

DOM

https://developer.mozilla.org/en-US/docs/DOM/DOM_Reference/Introduction

BOM

https://developer.mozilla.org/en-US/docs/WebAPI/Browser

DOM : 문서 객체는 전체 html 문서를 나타냅니다. html 문서가 브라우저에로드되면 문서 객체가됩니다.

BOM : 창 개체는 브라우저의 창을 나타냅니다. 창의 개체는 브라우저에 의해 자동으로 생성됩니다.

BOM은 브라우저 개체 모델을 의미합니다. 브라우저를 조작하는 데 사용할 수있는 개체입니다. 그들은 네비게이터입니다

• 항해자
• 화면
• 위치
• 역사
• 문서

그들은 모두 Window 개체의 자식입니다. DOM은 문서 객체 모델이며 BOM의 일부이며로드 된 페이지 파일의 내용을 조작하는 데 도움이됩니다. 여기에는 HTML과 CSS가 포함됩니다.

JavaScript의 DOM-> Document Object Model은 문서 내부의 요소에 접근하기위한 API입니다. 전체 문서를 상위 및 하위 트리의 계층 구조로 매핑합니다. 각 노드는 여러 개의 자식 요소를 보유 할 수 있거나 어떤 방식 으로든 다른 부모 요소로 상속 할 수 있습니다.

BOM-> 브라우저 개체 모델은 현재 문서, 위치, 기록, 프레임 및 브라우저가 JavaScript에 노출 할 수있는 기타 기능을 포함하여 브라우저에서 제공하는 모든 것을 더 크게 표현한 것입니다. 브라우저 개체 모델은 표준화되지 않았으며 다른 브라우저에 따라 변경 될 수 있습니다.