Atributos do evento de janela
Os atributos do evento da janela podem ser divididos em duas categorias:
- O Primeira categoria inclui os atributos que são suportados apenas pela tag.
- O segunda categoria inclui os elementos que suportam uma variedade de tags.
Preparamos este guia abrangente para fornecer uma visão profunda dos atributos de eventos de janela e forneceremos os seguintes resultados de aprendizagem.
- Atributos do evento de janela suportados por apenas tag
- Atributos de evento de janela suportados por outras tags (,, e assim por diante)
Atributos do evento do Windows
Esta seção fornece uma visão geral aprofundada das duas principais categorias de atributos de evento da janela HTML que são acionados sempre que o evento específico ocorre.
Atributos de evento de janela suportados por tag
Esta categoria inclui apenas os atributos de eventos de janela que são suportados por apenas tag.
Atributo da impressão para o diante
Este atributo executa o código JavaScript sempre que um comando de impressão é fornecido. O evento OnBeforeprint é acionado antes da abertura de um diálogo de impressão.
Sintaxe
Exemplo
O exemplo a seguir demonstra a aplicação do atributo de evento do OnBeForePrint ().
Html
Pressione Ctrl + P para dar um comando de impressão
O código acima adiciona um OnBeforeprint atributo de evento e o antes() Função de JS será executada.
JavaScript
função antes ()alerta ("você tentou um comando de impressão");
O antes() Função de JS é criada que inicia uma mensagem de alerta quando será chamado.
Saída
A saída mostra que, quando o comando de impressão é fornecido, uma mensagem de alerta é exibida e depois o diálogo de impressão é exibido.
atributo nofterprint
Este evento desencadeia um script sempre que o diálogo de impressão é fechado (não importa que você tenha dado o comando de impressão ou apenas cancele o diálogo).
Sintaxe
O exemplo mostra a execução do atributo de evento OnAfterprint ().
Html
Pressione Ctrl + P para dar um comando de impressão
O código acima pratica o atributo ONAFterprint e o imprimir() A função do JavaScript será executada neste evento.
JavaScript
function print ()alerta ("está sendo impresso");
O imprimir() é criada uma função que mostra uma mensagem de alerta após o OnAfterprint () evento.
Saída
A saída mostra que, após o fechamento da caixa de diálogo de impressão, a mensagem de alerta é exibida.
OnBeforeUnload
O atributo onBeforeUnload é acionado quando a página aberta está sendo fechada.
Sintaxe
ONOFFLINE
O atributo ONOFFLINE aciona e executa um script sempre que o navegador começa a trabalhar offline.
Sintaxe
ononline
O atributo ONOFFLINE aciona e executa um script sempre que o navegador começa a funcionar online.
Sintaxe
OnPageHide
O evento é acionado quando um usuário navega da página e, em troca, um script é executado.
Sintaxe
ONHASHCHANGE
Este atributo é exercido sempre que o hash do URL é alterado. O hash refere -se à parte do URL que é iniciado após “#”Símbolo.
Sintaxe
OnPageshow
O evento OnPageshow é acionado e um script é executado quando o usuário navega para uma página.
Sintaxe
OnPopstate
Este evento é acionado sempre que a história da janela é alterada.
Sintaxe
ONRESize
O ONRESize O evento é acionado sempre que a janela da janela do navegador é redimensionada.
Sintaxe
OnUnload
Este atributo executa um script sempre que a página é fechada ou descarregada.
Sintaxe
Observação: Nas sintaxes acima, o script refere -se ao código JavaScript que seria executado para desencadear o evento específico.
Atributos do evento de janela suportados por uma variedade de tags
Esta categoria inclui os atributos de eventos de janela que são acionados por uma variedade de tags.
OnError
Este evento executa um código JavaScript sempre que ocorre um erro ao carregar uma imagem ou um objeto. Este atributo de evento de janela pode ser aplicado em ,,, e .
Sintaxe
Exemplo
Neste exemplo, o OnError O atributo de evento é usado na tag.
Html
O atributo do evento OnError está sendo usado
O código acima usa o atributo oError na tag e um errar() A função é chamada quando é acionada.
JavaScript
função err ()alerta ("Carregamento da imagem falhou! Tente novamente");
A função err () é criada que cria uma mensagem de alerta.
Saída
Quando a página é carregada, o erro seria exibido como o src propriedade do <img> Tag contém uma imagem que não está dentro da pasta de nossos arquivos principais.
carregando
O evento OnLoad é acionado e um script é executado sempre que a página terminar de carregar um objeto (arquivo externo, imagem externa). Isso pode ser aplicado em várias tags, como ,,,, e .
Sintaxe
A partir dos atributos acima mencionados, você teria experimentado o funcionamento de vários atributos de eventos de janela.
Conclusão
Os atributos do evento da janela compreendem um conjunto de funções que são executadas sempre que uma alteração específica ocorre em uma tela de janela. Este artigo fornece o funcionamento e demonstra o uso de todos os atributos de eventos de janela. Os atributos têm vários tipos de funcionalidades, como o OnBeforeprint, OnAfterprint, OnBeReunload, um OnHashChange, Ofnoffline, os atributos ONONLINE são limitados a apenas tags. Por outro .