O que é um arquivo DHTML?

Um arquivo com extensão .dhtml é um arquivo dinâmico HTML usado para criar conteúdo dinâmico de uma página da web. Um elemento da web criado em DHTML é orientado a eventos e não requer recarregar a página. Na maioria dos casos, um arquivo DHTML é usado para criar o conteúdo dinâmico de uma página da Web, como menus suspensos, camadas flutuantes, botões de rolagem e outros conteúdos dinâmicos. Você encontra elementos html dinâmicos quase diariamente em sua vida quando passa o mouse em um item de menu e abre mais opções de submenu. DHTML faz uso de tecnologias da web como HTML, Javascript, HTML DOM, HTML Events e CSS para alcançar a dinâmica comportamento dos elementos.

Formato de arquivo DHTML

Os arquivos DHTML são arquivos de texto simples que contêm código DHTML para implementar o comportamento dinâmico dos elementos da web.

DHTML DOM

O DHTML Document object Model (DOM) é baseado no HTML DOM que é uma estrutura em árvore com elementos, atributos e texto conforme mostrado na imagem a seguir.

HTML DOM

O nó Document pode ser usado para chamar várias funções para implementar diferentes funcionalidades. O exemplo a seguir simplesmente usa o método document.write() de JavaScript no DHTML.

<HTML>  
<head>  
<title>  
Method of a JavaScript  
</title>  
</head>  
<body>  
<script type="text/javascript">  
document.write("Hello World");  
</script>  
</body>  
</html>

Este código escreve o texto “Hello World” para saída no navegador.

Eventos DHTML

S.N.EventoOcorrência
1onabortOcorre quando o usuário aborta o carregamento da página ou arquivo de mídia.
2onblurOcorre quando o usuário deixa um objeto HTML.
3onchangeOcorre quando o usuário altera ou atualiza o valor de um objeto.
4onclickOcorre ou é acionado quando qualquer usuário clica em um elemento HTML.
5ondblclickOcorre quando o usuário clica duas vezes em um elemento HTML.
6onfocusOcorre quando o usuário foca em um elemento HTML. Este manipulador de eventos funciona de forma oposta ao onblur.
7onkeydownEle é acionado quando um usuário pressiona uma tecla em um dispositivo de teclado. Este manipulador de eventos funciona para todas as chaves.
8onkeypressÉ acionado quando os usuários pressionam uma tecla em um teclado. Este manipulador de eventos não é acionado para todas as chaves.
9onkeyupOcorre quando um usuário libera uma tecla de um teclado após pressionar um objeto ou elemento.
10onloadOcorre quando um objeto é completamente carregado.
11onmousedownOcorre quando um usuário pressiona o botão do mouse sobre um elemento HTML.
12onmousemoveOcorre quando um usuário move o cursor sobre um objeto HTML.
13onmouseoverOcorre quando um usuário move o cursor sobre um objeto HTML.
14onmouseoutOcorre ou dispara quando o ponteiro do mouse é movido para fora de um elemento HTML.
15onmouseupOcorre ou dispara quando o botão do mouse é liberado sobre um elemento HTML.
16onresetÉ utilizado pelo usuário para redefinir o formulário.
17onselectOcorre após selecionar o conteúdo ou texto em uma página da web.
18onsubmitÉ acionado quando o usuário clica em um botão após o envio de um formulário.
19onunloadÉ acionado quando o usuário fecha uma página da web.

Referências

See Also