O modelo de eventos do Dynamic HTML garante páginas mais reativas e amigáveis aos usuários. Sabe-se que um script pode não funcionar corretamente se for executado antes de uma página ser completamente carregada. Assinale, a seguir, o nome do evento que pode evitar que um script seja executado antes de uma página ser completamente carregada.
- A)onload
Correta: onload é o evento que dispara quando a página ou um recurso termina de carregar.
- B)onreset
Errada: onreset serve para redefinir um formulário, não para aguardar o carregamento da página.
- C)onfocus
Errada: onfocus ocorre quando um elemento recebe foco, como um campo de texto, e não no carregamento.
- D)onsubmit
Errada: onsubmit é acionado no envio de formulário, sem relação com esperar a página ficar pronta.
Gabarito: A
Em HTML e JavaScript, os eventos servem para avisar o navegador de que algo aconteceu na página. No caso de uma página que ainda está carregando, o script pode tentar agir cedo demais e encontrar elementos que ainda não existem na tela. Aí mora o tropeço: o código olha para o DOM e o DOM ainda não tomou café. O evento usado para executar ações quando a página termina de carregar é o onload, porque ele só dispara depois que o conteúdo principal já foi carregado. Por isso, se a ideia é evitar que um script rode antes da página estar completamente pronta, você deve associar a execução ao onload. Ele é muito usado em elementos como body e também em recursos como imagens, garantindo que a ação aconteça no momento certo. Os outros eventos da questão não têm essa finalidade. onreset lida com redefinição de formulário, onfocus aparece quando um campo recebe foco, e onsubmit é acionado quando um formulário é enviado. Nenhum deles resolve o problema de esperar a página carregar. Então, o gabarito A está correto porque onload é exatamente o evento de carregamento da página, amplamente reconhecido na prática de DHTML e no uso de JavaScript no navegador.