Cosa sono DOM e BOM in JavaScript?

89

Cosa sono DOM e BOM in JavaScript? Se qualcuno potesse spiegarli in termini laici, sarebbe fantastico! Mi piace avere una comprensione più profonda di questi.

javascript dom dom-events

— Imran
fonte

1

Possibile duplicato di Qual è la differenza tra il modello a oggetti del browser e il modello a oggetti del documento?

— Nickolay

147

La distinta base (Visualizzatore oggetti Model) consiste di oggetti navigator, history, screen, locatione documentche sono figli di window. Nel documentnodo si trova il DOM (Document Object Model), il modello di oggetti del documento, che rappresenta il contenuto della pagina. Puoi manipolarlo usando javascript.

— thejh
fonte

1

> Nel documentnodo c'è il DOM, penso che un modo migliore per descriverlo sia: "il nodo è nell'albero DOM" o "il nodo è l'unità più piccola nell'albero DOM" o "i nodi compongono l'albero DOM". Pensieri?

— stevemao

la risposta originale mi sembra perfetta

— divina

46

DOM - Document Object Model
BOM - Modello di oggetti del browser

Questo articolo spiega la relazione tra Javascript, DOM e BOM.

— deciclone
fonte

38

Sono solo oggetti diversi con cui hai a che fare:

Il DOM è il Document Object Model, che si occupa del documento, degli stessi elementi HTML, ad esempio documente di tutto il traversal che faresti in esso, eventi, ecc.
Il BOM è il Browser Object Model, che si occupa di componenti del browser a parte il documento, come history, location, navigatore screen(così come alcuni altri che variano dal browser).

— Nick Craver
fonte

6

DOM significa Document Object model..quando la pagina web viene caricata il browser crea un document object model per la pagina..Tutti gli oggetti sono organizzati come struttura ad albero ...

BOM significa che l'oggetto Browser Object Model.window è supportato da tutti i browser e rappresenta il browser della finestra. Tutti gli oggetti, le funzioni e le variabili JavaScript globali diventano automaticamente membri dell'oggetto finestra.

— Revathi Bala
fonte

4

Puoi trovare ulteriori informazioni su Javascript su Mozilla Foundation.

DOM

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

BOM

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

— Julian
fonte

4

DOM: L'oggetto documento rappresenta l'intero documento html. Quando il documento html viene caricato nel browser, diventa un oggetto documento.

BOM: l'oggetto finestra rappresenta una finestra nel browser. Un oggetto di finestra viene creato automaticamente dal browser.

— chaithanya
fonte

3

BOM significa Browser Object Model. Questi sono oggetti che puoi usare per manipolare il browser. sono navigatori

navigatore
schermo
Posizione
storia
documento

sono tutti figli dell'Oggetto Finestra. DOM è Document Object Model fa parte della BOM e ti aiuta a manipolare il contenuto del file di paging caricato. questo include HTML e CSS

— Bamidele Alegbe
fonte

3

DOM -> Document Object Model in JavaScript è l'API per accedere agli elementi all'interno del documento. Mappa l'intero documento in una gerarchia di albero genitore e figlio. Ogni nodo può contenere un numero di elementi figli o può ereditare un altro elemento genitore in un modo o nell'altro.

BOM -> Browser Object Model è una rappresentazione più ampia di tutto ciò che viene fornito dal browser, inclusi il documento corrente, la posizione, la cronologia, i frame e qualsiasi altra funzionalità che il browser può esporre a JavaScript. Il modello di oggetti del browser non è standardizzato e può cambiare in base a browser diversi.

— sai krishna
fonte