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.
Le «comportement» est un composant simple et facile à utiliser qui résume des fonctions ou des actions spécifiques sur la page. Lorsqu'un "comportement" est attaché à un composant de la page Web, le comportement d'origine du composant changera. Par conséquent, les programmeurs Web peuvent développer des instructions DHTML courantes et modifier certaines propriétés de l'objet d'origine, utiliser "comportement" pour améliorer la fonction d'un objet et simplifier le code HTML de la page. De plus, la création et l'utilisation du «comportement» sont également très simples et pratiques, et les connaissances requises sont seulement les feuilles de style CSS, les directives HTML et les langages de script JavaScript qui ont été utilisés. Tant que vous comprenez cela et que vous avez une expérience de programmation pratique, il n'y a aucun problème à apprendre et à maîtriser l'utilisation du «comportement». Nous utiliserons un composant "comportement" qui modifie l'effet des polices comme exemple pour illustrer comment écrire et utiliser un "comportement" et vivre les avantages et les commodités que "comportement" apporte à l'édition de pages.
Créez d'abord un nouveau fichier texte nommé FONT_EFFTCE.htc. Les fichiers qui composent le composant "comportement" sont tous avec .htc comme extension. Le contenu de ce fichier est notre description de ce "comportement". Ses étapes de création et d'utilisation sont les suivantes:
(1) Ajoutez d'abord plusieurs réponses d'événements à ce "comportement". Le format d'écriture de déclaration est le suivant:
<Public: attachEvent = "onMouseover" onevent = "Glowit ()" />
<Public: attachEvent = "onMouseout" onevent = "noglow ()" />
<Public: attachEvent = "onMoudown" onevent = "font2yellow ()" />
<Public: attachEvent = "onMouseUp" onevent = "font2Blue ()" />
"Event" correspond aux noms d'événements requis, voici: OnMouseOver, OnMouseout, OnMoudown et OnMouseUp. Bien sûr, vous pouvez ajouter d'autres noms d'événements pour répondre à vos besoins spécifiques. "Onevent" correspond à une poignée d'événement, c'est-à-dire le nom de la fonction appelée lorsque l'événement est déclenché. La fonction Glowit () fait générer une lueur rouge autour de la police. La fonction Noglow () élimine l'effet Glow des polices. La fonction FONT2YELOKE () modifie la couleur de la police en jaune. La fonction Font2Blue () modifie la couleur de la police en bleu. Les définitions des quatre événements sont toutes similaires.
(2) Ensuite, ajoutez deux définitions de "méthodes" à ce "comportement", comme suit.
<Public: méthodyname = "move_down" />
<Public: méthodyname = "move_right" />