Co to jest DOM i BOM w JavaScript?

Co to jest DOM i BOM w JavaScript? Gdyby ktoś mógł to wyjaśnić w kategoriach laika, byłoby wspaniale! Lubię je lepiej rozumieć.

BOM (Browser Object Model) składa się z obiektów navigator, history, screen, locationi documentktóre są dzieci window. W documentwęźle znajduje się DOM (Document Object Model), model obiektowy dokumentu, który reprezentuje zawartość strony. Możesz nim manipulować za pomocą javascript.

• DOM - Document Object Model
• BOM - model obiektów przeglądarki

W tym artykule wyjaśniono związek między JavaScript, DOM i BOM.

To tylko różne przedmioty, z którymi masz do czynienia:

• DOM to model obiektu dokumentu , który zajmuje się dokumentem, samymi elementami HTML, np. documentWszystkimi przemierzaniami, które w nim wykonasz, zdarzeniami itp.
• BOM jest Przeglądarka Object Model, który zajmuje się składników przeglądarek oprócz dokumentu, jak history, location, navigatori screen(jak i kilka innych, które zmieniają się przez przeglądarkę).

DOM oznacza model obiektu dokumentu ... po załadowaniu strony przeglądarka tworzy model obiektowy dokumentu dla strony ... Wszystkie obiekty są ułożone w strukturę drzewa ...

BOM oznacza, że ​​obiekt Browser Object Model.window jest obsługiwany przez wszystkie przeglądarki, które reprezentuje przeglądarkę okna. Wszystkie globalne obiekty, funkcje i zmienne JavaScript automatycznie stają się składowymi obiektu window.

Więcej informacji o Javascript można znaleźć w 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: Obiekt dokumentu reprezentuje cały dokument HTML. Kiedy dokument html jest ładowany do przeglądarki, staje się obiektem dokumentu.

BOM: obiekt window reprezentuje okno w przeglądarce. Obiekt okna jest tworzony automatycznie przez przeglądarkę.

BOM oznacza model obiektów przeglądarki. Są to obiekty, których możesz używać do manipulowania przeglądarką. są nawigatorem

• nawigator
• ekran
• Lokalizacja
• historia
• dokument

wszystkie są dziećmi obiektu Window. DOM to model obiektu dokumentu, który jest częścią zestawienia komponentów i pomaga manipulować zawartością załadowanego pliku strony. obejmuje to HTML i CSS

DOM -> Document Object Model w JavaScript to API zapewniające dostęp do elementów wewnątrz dokumentu. Mapuje cały dokument w hierarchię drzewa nadrzędnego i podrzędnego. Każdy węzeł może zawierać pewną liczbę elementów potomnych lub może dziedziczyć do innego elementu nadrzędnego w taki lub inny sposób.

Zestawienie komponentów -> Model obiektów przeglądarki to większa reprezentacja wszystkiego, co zapewnia przeglądarka, w tym bieżącego dokumentu, lokalizacji, historii, ramek i wszelkich innych funkcji, które przeglądarka może udostępnić JavaScript. Model obiektów przeglądarki nie jest znormalizowany i może się zmieniać w zależności od różnych przeglądarek.