Antes do lançamento do navegador IE5.0 da Microsoft, o maior desafio na programação da web era que não era fácil criar componentes para alcançar o objetivo da reutilização do código e do compartilhamento de várias páginas. Esse problema tem sido atormentar programadores da Web no DHTML (Heml dinâmico). Eles só podem repetir o código HTML, CSS e JavaScript para satisfazer funções duplicadas ou similares em várias páginas. Essa situação foi aprimorada desde o lançamento do navegador IE5.0. Ele nos traz um novo método de combinação de instruções que pode encapsular o código que implementa funções específicas em um componente, realizando reutilização de código de várias páginas e trazendo programação da Web para um mundo totalmente novo. Essa nova tecnologia é o "comportamento" do DHTML sobre o qual vamos falar.
"Comportamento" é um componente simples e fácil de usar que encapsula funções ou ações específicas na página. Quando um "comportamento" é anexado a um componente na página da web, o comportamento original do componente mudará. Portanto, os programadores da Web podem desenvolver instruções DHTML comuns e alterar algumas propriedades do objeto original, usar "comportamento" para aprimorar a função de um objeto e simplificar o código HTML da página. Além disso, a criação e o uso de "comportamento" também é muito simples e conveniente, e o conhecimento necessário são apenas as folhas de estilo CSS, diretivas HTML e linguagens de script JavaScript que eram usadas. Desde que você tenha algum entendimento disso e tenha tido experiência prática de programação, não há problema em aprender e dominar o uso de "comportamento". Usaremos um componente de "comportamento" que altere o efeito das fontes como exemplo para ilustrar como escrever e usar um "comportamento" e experimentar as vantagens e conveniências que o "comportamento" traz para a edição da página.
Primeiro, crie um novo arquivo de texto chamado font_efftce.htc. Os arquivos que compõem o componente "comportamento" são todos com .htc como extensão. O conteúdo deste arquivo é a nossa descrição desse "comportamento". Suas etapas de criação e uso são as seguintes:
(1) Primeiro, adicione várias respostas de eventos a esse "comportamento". O formato de escrita de declaração é o seguinte:
<Public: ATPLEVENT = "OnMouseOver" Onevent = "Glowit ()"/>
<Public: ATPLEVENT = "OnMouseOut" Onevent = "Noglow ()"/>
<Public: ATPLEVENT = "OnMousedown" Onevent = "Font2yellow ()"/>
<Public: ATPLEVENT = "OnMouseUp" Onevent = "Font2Blue ()"/>
"Evento" corresponde aos nomes de eventos necessários, aqui estão: OnMouseOver, OnMouseOut, OnMousedown e OnMouseUp. Obviamente, você pode adicionar outros nomes de eventos para atender às suas necessidades específicas. "Onevent" corresponde a uma alça de evento, ou seja, o nome da função chamada quando o evento é acionado. A função glowit () faz com que um brilho vermelho seja gerado ao redor da fonte. A função Noglow () elimina o efeito de brilho das fontes. A função font2yellow () altera a cor da fonte para amarelo. A função font2blue () altera a cor da fonte para azul. As definições dos quatro eventos são todos semelhantes.
(2) Em seguida, adicione duas definições de "métodos" a esse "comportamento", como segue.
<Public: métodname = "move_down"/>
<Public: MethodName = "Move_right"/>