dúvida urgente

Isso é por conta do DOM (Document Object Model),
caso você não saiba o que é recomendo dar uma pesquisada sobre.

Mas respondendo a sua pergunta, alguns comandos começam com "document" por conta que você deseja manipular um objeto que está contido dentro do seu documento HTML

para ser mais exato, vamos supor que você tem uma tag de paragrafo (<p id="paragrafo"></p>) no seu HTML e você deseja manipula-lo em JavaScript,o comando será assim:

var variavel = window.document.querySelector('#paragrafo');

Lendo esse código em "linguagem natural", será lido da seguinte maneira:
a variavel devera buscar o elemento que esta na janela do seu navegador(window), e dentro dessa janela você quer pegar um elemento que esta contido dentro do documento do site(document) e por fim você realiza a busca de sua preferência (que no caso eu usei por seletor, mas poderia ser por qualquer outro).

Resumidamente, todo codigo que começa com "document", significa que você deseja manipular um elemento que está contido dentro de seu documento HTML

Espero ter lhe auxiliado em seus estudos

Forte abraço,
Gustavo S. Melo~