Co to jest DOM i BOM w JavaScript?


Odpowiedzi:


148

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.


1
> W documentwęźle znajduje się DOM. Myślę, że lepszym sposobem opisania go jest: „węzeł znajduje się w drzewie DOM” lub „węzeł jest najmniejszą jednostką w drzewie DOM” lub „węzły tworzą drzewo DOM”. Myśli?
stevemao

oryginalna odpowiedź wydaje mi się idealna
boski


39

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ę).

6

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.



4

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ę.


3

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


3

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.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.