Avant la sortie du navigateur IE5.0 de Microsoft, le plus grand défi de la programmation Web était qu'il n'était pas facile de créer des composants pour atteindre l'objectif de la réutilisation du code et du partage de plusieurs pages. Ce problème a affligé des programmeurs Web dans DHTML (dynamique HEML). Ils ne peuvent répéter que le code HTML, CSS et JavaScript pour satisfaire des fonctions en double ou similaires sur plusieurs pages. Cette situation a été améliorée depuis la libération du navigateur IE5.0. Il nous apporte une nouvelle méthode de combinaison d'instructions qui peut encapsuler le code qui implémente des fonctions spécifiques dans un composant, réalisant ainsi la réutilisation de code de plusieurs pages et apportant une programmation Web dans un tout nouveau monde. Cette nouvelle technologie est les "comportements" en DHTML dont nous allons parler.
Voici un petit exemple que j'ai fait:
FONT_EFFECT.htc
Le code est le suivant:
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// / ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// / ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// / ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /
// Ajouter quatre événements de souris à "comportement"
<Public: attachEvent = "onMouseover" onevent = "Glowit ()" />
<Public: attachEvent = "onMouseout" onevent = "noglow ()" />
<Public: attachEvent = "onMoudown" onevent = "font2yellow ()" />
<Public: attachEvent = "onMouseUp" onevent = "font2Blue ()" />
// définir deux méthodes de "comportement", notez que la valeur du nom ne peut pas être ajoutée avec des supports
<Public: méthodyname = "move_down" />
<Public: méthodyname = "move_right" />
<scriptLanguage = "JScript">
// définir une variable qui sauve la couleur de la police
varfont_color;
// définir une méthode pour déplacer le texte vers le bas
functionmove_down ()
{
element.style.postop + = 10;
}
// Définissez la méthode de déplacement du texte vers la droite
functionmove_right ()
{
element.style.posleft + = 10;
}
// Définissez la fonction d'appel de l'événement de souris OnMouseup
functionfont2Blue ()
{
if (event.srcelement == élément)
{
element.style.color = "bleu";
}
}
// Définissez la fonction d'appel de l'événement de souris OnMoudown
functionfont2yellow ()
{
if (event.srcelement == élément)
{
element.style.color = "jaune";
}
}
// Définissez la fonction d'appel de l'événement de souris OnMouseOver
functionglowit ()
{
if (event.srcelement == élément)