Antes del lanzamiento del navegador IE5.0 de Microsoft, el mayor desafío en la programación web era que no era fácil crear componentes para lograr el propósito de la reutilización de código y el intercambio de varias páginas. Este problema ha estado afectando a los programadores web en DHTML (HEML dinámico). Solo pueden repetir el código HTML, CSS y JavaScript para satisfacer funciones duplicadas o similares en múltiples páginas. Esta situación se ha mejorado desde el lanzamiento del navegador IE5.0. Nos trae un nuevo método de combinación de instrucciones que puede encapsular un código que implementa funciones específicas en un componente, realizando así la reutilización del código de múltiples páginas y llevando la programación web a un mundo completamente nuevo. Esta nueva tecnología son los "comportamientos" en DHTML de los que vamos a hablar.
Aquí hay un pequeño ejemplo que hice:
font_effect.htc
El código es el siguiente:
/////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////
// Agregue cuatro eventos de mouse al "comportamiento"
<Public: adjectEvent = "OnMouseOver" OneVent = "Glowit ()"/>
<Public: adjectEvent = "OnMouseOut" OneVent = "Noglow ()"/>
<Public: adjectEvent = "OnMousedown" OneVent = "Font2yellow ()"/>
<Public: adjectEvent = "OnMouseUp" OneVent = "Font2Blue ()"/>
// Definir dos métodos para "comportamiento", tenga en cuenta que el valor del nombre no se puede agregar con soportes
<Public: MethodName = "Move_down"/>
<Public: MethodName = "Move_Right"/>
<scriptLanguage = "jscript">
// Defina una variable que guarde el color de la fuente
varfont_color;
// Defina un método para mover el texto hacia abajo
functionMove_down ()
{
element.style.postop+= 10;
}
// Defina el método de mover el texto a la derecha
functionMove_Right ()
{
element.style.posleft+= 10;
}
// Definir la función de llamada del evento de ratón en mouseup
function2Blue ()
{
if (event.srcelement == elemento)
{
element.style.color = "Blue";
}
}
// Defina la función de llamadas del evento de ratón Onmousedown
function2yellow ()
{
if (event.srcelement == elemento)
{
element.style.color = "Yellow";
}
}
// Defina la función de llamada del evento de ratón en mouseover
functionGlowit ()
{
if (event.srcelement == elemento)