DHTML - Javascript e EventListeners

Pessoal, boa tarde.

Iniciei, há pouco tempo, meus estudos em CSS, Ajax, Javascript Crossbrowser ....

Estava lendo o excelente tutorial do Élcio falando sobre DHTML Crossbrowser.

Nessa parte do tutorial ele fala sobre comportamento [Javascript], e a forma correta de se usar.

No exemplo 12 está a minha dúvida, o Javascript só funciona se vier após a declaração do elemento que está sendo referenciado na função que atribui o EventListener.

Por quê ?

Se usar assim, meu código fica "semânticamente" incorreto ?

Posso chamar um Javascript externo, fora da tag head do meu html ?

Muito obrigado pela ajuda. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif