MicrosoftのIE5.0ブラウザがリリースされる前に、Webプログラミングの最大の課題は、コードの再利用とマルチページ共有の目的を達成するためにコンポーネントを作成するのが容易ではないことでした。この問題は、DHTML(動的HEML)のWebプログラマーを悩ませています。 HTML、CSS、およびJavaScriptコードのみを繰り返して、複数のページで重複または同様の機能を満たすことができます。この状況は、IE5.0ブラウザーのリリース以来改善されました。特定の関数を1つのコンポーネントに実装するコードをカプセル化できる新しい命令組み合わせ方法を提供し、それによってマルチページコードの再利用を実現し、Webプログラミングをまったく新しい世界に持ち込みます。この新しいテクノロジーは、DHTMLの「行動」です。
これが私がした小さな例です:
font_effect.htc
コードは次のとおりです。
///////////////////////////////////////////////// ////////////////////////////////////////////////// ////////////////////////////////////////////////// //////////////////////////////////////////////////
//「動作」に4つのマウスイベントを追加する
<public:attachevent = "onmouseover" onevent = "glowit()"/>
<public:attachevent = "onmouseout" onevent = "noglow()"/>
<public:attachevent = "onmousedown" onevent = "font2yellow()"/>
<public:attachevent = "onmouseup" onevent = "font2blue()"/>
//「動作」の2つのメソッドを定義し、ブラケットで名前の値を追加できないことに注意してください
<public:methodname = "move_down"/>
<public:methodname = "move_right"/>
<scriptlanguage = "jscript">
//フォントの色を保存する変数を定義します
varfont_color;
//テキストを下に移動する方法を定義します
functionmove_down()
{
element.style.postop+= 10;
}
//テキストを右に移動する方法を定義します
functionmove_right()
{
element.style.posleft+= 10;
}
//マウスオンマウスアップイベントの呼び出し関数を定義します
functionfont2blue()
{
if(event.srcelement ==要素)
{
element.style.color = "blue";
}
}
//マウスOn -Mousedownイベントの呼び出し関数を定義します
functionfont2yellow()
{
if(event.srcelement ==要素)
{
element.style.color = "Yellow";
}
}
//マウスオンマウスオーバーイベントの呼び出し関数を定義します
functionglowit()
{
if(event.srcelement ==要素)