MicrosoftのIE5.0ブラウザがリリースされる前に、Webプログラミングの最大の課題は、コードの再利用とマルチページ共有の目的を達成するためにコンポーネントを作成するのが容易ではないことでした。この問題は、DHTML(動的HEML)のWebプログラマーを悩ませています。 HTML、CSS、およびJavaScriptコードのみを繰り返して、複数のページで重複または同様の機能を満たすことができます。この状況は、IE5.0ブラウザーのリリース以来改善されました。特定の関数を1つのコンポーネントに実装するコードをカプセル化できる新しい命令組み合わせ方法を提供し、それによってマルチページコードの再利用を実現し、Webプログラミングをまったく新しい世界に持ち込みます。この新しいテクノロジーは、DHTMLの「行動」です。
「動作」は、ページ上の特定の機能またはアクションをカプセル化するシンプルで使いやすいコンポーネントです。 「動作」がWebページのコンポーネントに添付されると、コンポーネントの元の動作が変更されます。したがって、Webプログラマーは、一般的なDHTML命令を開発し、元のオブジェクトの一部のプロパティを変更し、「動作」を使用してオブジェクトの機能を強化し、ページのHTMLコードを簡素化できます。さらに、「行動」の作成と使用も非常にシンプルで便利であり、必要な知識は、使用されたCSSスタイルのシート、HTMLディレクティブ、JavaScriptスクリプト言語のみです。これをある程度理解し、実際のプログラミング経験がある限り、「行動」の使用を学び、習得することに問題はありません。 「動作」を書き込み、使用する方法を説明し、「動作」がページ編集にもたらす利点と便利さを体験する方法を説明する例として、フォントの効果を変更する「動作」コンポーネントを使用します。
まず、font_efftce.htcという名前の新しいテキストファイルを作成します。 「動作」コンポーネントを構成するファイルはすべて、拡張機能として.htcを使用しています。このファイルのコンテンツは、この「動作」の説明です。その作成と使用手順は次のとおりです。
(1)最初に、この「動作」にいくつかのイベント応答を追加します。ステートメント作成形式は次のとおりです。
<public:attachevent = "onmouseover" onevent = "glowit()"/>
<public:attachevent = "onmouseout" onevent = "noglow()"/>
<public:attachevent = "onmousedown" onevent = "font2yellow()"/>
<public:attachevent = "onmouseup" onevent = "font2blue()"/>
「イベント」は、必要なイベント名に対応しています。ここには、オンマウスオーバー、オンマウスアウト、オンマウスタウン、およびオンマウスアップです。もちろん、特定のニーズを満たすために他のイベント名を追加できます。 「OneVent」は、イベントハンドル、つまり、イベントがトリガーされたときに呼び出される関数の名前に対応します。 Glowit()関数により、フォントの周りに赤い輝きが生成されます。 noglow()関数は、フォントのグロー効果を排除します。 font2yellow()関数は、フォントの色を黄色に変更します。 font2blue()関数は、フォントの色を青に変更します。 4つのイベントの定義はすべて似ています。
(2)次に、次のように、この「動作」に2つの「メソッド」定義を追加します。
<public:methodname = "move_down"/>
<public:methodname = "move_right"/>