Vor der Veröffentlichung des IE5.0-Browsers von Microsoft bestand die größte Herausforderung in der Webprogrammierung darin, dass es nicht einfach war, Komponenten zu erstellen, um den Zweck der Code-Wiederverwendung und der mehrseitigen Freigabe zu erreichen. Dieses Problem hat Webprogrammierer in DHTML (dynamische Heml) geplagt. Sie können HTML, CSS und JavaScript -Code nur wiederholen, um doppelte oder ähnliche Funktionen auf mehreren Seiten zu erfüllen. Diese Situation wurde seit der Veröffentlichung des IE5.0 -Browsers verbessert. Es bringt uns eine neue Anweisungskombinationsmethode, mit der Code zusammengefasst werden kann, die bestimmte Funktionen in einer Komponente implementiert, wodurch die Wiederverwendung von Multi-Seiten-Code realisiert und Webprogramme in eine ganz neue Welt gebracht wird. Diese neue Technologie ist das "Verhalten" in DHTML, über die wir sprechen werden.
Hier ist ein kleines Beispiel, das ich getan habe:
font_effect.htc
Der Code ist wie folgt:
/////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////
// Fügen Sie vier Mausereignisse zu "Verhalten" hinzu
<Public: attodeEvent = "onmouseover" invent = "Glowit ()"/>
<Public: attodeEvent = "onmouseout" invent = "noglow ()"/>
<Public: attodeEvent = "OnmouseDown" Invent = "font2yellow ()"/>
<Public: attodevent = "onmouseUp" Invent = "font2Blue ()"/>
// zwei Methoden für "Verhalten" definieren. Beachten Sie, dass der Name des Namens nicht mit Klammern hinzugefügt werden kann
<Public: methodname = "move_down"/>
<Public: methodname = "move_right"/>
<scriptuanguage = "jscript">
// Definieren Sie eine Variable, die die Schriftfarbe spart
VARFONT_COLOR;
// Definieren Sie eine Methode, um den Text nach unten zu verschieben
functionMove_down ()
{
Element.Style.Postop+= 10;
}
// Definieren Sie die Methode des Verschiebens des Textes nach rechts
functionMove_right ()
{
element.style.posleft+= 10;
}
// Definieren Sie die Aufruffunktion des Maus -OnmouseUp -Ereignisses
functionFont2Blue ()
{
if (Event.srcelement == Element)
{
Element.Style.color = "Blue";
}
}
// Definieren Sie die Aufruffunktion des Ereignisses der Maus OnmouseDown
functionFont2yellow ()
{
if (Event.srcelement == Element)
{
Element.Style.color = "Yellow";
}
}
// Definieren Sie die Aufruffunktion des Maus -Onmouseover -Ereignisses
functionGlowit ()
{
if (Event.srcelement == Element)