O que é BOM (Browser Object Model)

O Browser Object Model é formado por uma hierarquia de objetos, cada um em seu nível, acessíveis por um objeto pai de nível superior. O objeto mais acima de todos os outros é o que você já vem utilizando em alguns exemplos em nossos artigos anteriores, o objeto window.

No segundo nível, temos os objetos document, navigator, frames, location, history e screen. A partir de document, temos vários outros objetos e níveis, que são, provavelmente, os que você mais vai utilizar em seus trabalhos com Javascript.

Qual a Diferença do DOM e do BOM?

DOM (Document Object Model) são os objetos que você conhece do HTML (links, ids, etc) já o BOM são os objetos do Navegador (History, Navigator, Location, até o próprio DOM é um objeto do Navegador).