¿Qué es DOM y BOM en JavaScript?

¿Qué es DOM y BOM en JavaScript? Si alguien pudiera explicar esto en términos sencillos, ¡sería genial! Me gusta tener una comprensión más profunda de estos.

La lista de materiales (Object Model Browser) se compone de los objetos navigator, history, screen, locationy documentque son hijos de window. En el documentnodo está el DOM (Document Object Model), el modelo de objeto de documento, que representa el contenido de la página. Puedes manipularlo usando javascript.

• DOM - Modelo de objetos de documento
• BOM - Modelo de objetos del navegador

Este artículo explica la relación entre Javascript, DOM y BOM.

Son solo objetos diferentes con los que estás tratando:

• El DOM es el Modelo de Objetos de Documento , que se ocupa del documento, los elementos HTML en sí mismos, por ejemplo, documenty todo el recorrido que haría en él, eventos, etc.
• La lista de materiales es el navegador de modelo de objetos, que se ocupa de los componentes del navegador aparte del documento, como history, location, navigatory screen(así como algunos otros que varían según el navegador).

DOM significa modelo de objeto de documento ... cuando se carga la página web, el navegador crea un modelo de objeto de documento para la página ... Todos los objetos se organizan como estructura de árbol ...

BOM significa Modelo de objeto de navegador. El objeto de ventana es compatible con todos los navegadores; representa el navegador de ventana. Todos los objetos, funciones y variables de JavaScript globales se convierten automáticamente en miembros del objeto de ventana.

Puede encontrar más información sobre Javascript en Mozilla Foundation.

DOM

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

BOM

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

DOM: el objeto de documento representa todo el documento html. Cuando se carga un documento html en el navegador, se convierte en un objeto de documento.

Lista de materiales: el objeto de ventana representa una ventana en el navegador. El navegador crea automáticamente un objeto de ventana.

BOM significa Modelo de objetos del navegador. Estos son objetos que puede utilizar para manipular el navegador. ellos son navegantes

• navegador
• pantalla
• ubicación
• historia
• documento

todos son hijos del objeto de ventana. DOM es el modelo de objetos de documento que forma parte de la lista de materiales y le ayuda a manipular el contenido del archivo de página cargado. esto incluye HTML y CSS

DOM -> Document Object Model en JavaScript es la API para acceder a los elementos dentro del documento. Mapea todo el documento en una jerarquía de árbol principal y secundario. Cada nodo puede contener un número de elementos secundarios o puede heredar a otro elemento principal de una u otra manera.

BOM -> Browser Object Model es una representación más amplia de todo lo que proporciona el navegador, incluido el documento actual, la ubicación, el historial, los marcos y cualquier otra funcionalidad que el navegador pueda exponer a JavaScript. El modelo de objetos del navegador no está estandarizado y puede cambiar según los diferentes navegadores.