| ポイント |
<![CDATA[
<style type="text/css"><!--
div { behavior:url(a.htc); }
--></style>
<script language="JavaScript"><!--
attachEvent("onclick",msg);
function msg(){ alert("Oh!"); }
// --></script>
]]>
|
| 説 明 |
ビヘイビアファイルは外部JavaScriptファイルと似ていますが、スタイルシート内で動作（ふるまい／ビヘイビア）を指定します。ビヘイビアファイルはSCRIPTタグから記述しattachEvent()により、どのイベントを、どの関数に処理させるかを指定します。スタイルシート側では「behavior:url(ファイル名.htc)」としてビヘイビアを指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>ビヘイビアファイルを読み込む</title>
<style type="text/css"><!--
div { behavior:url(a.htc); }
--></style>
</head>
<body bgcolor="white">
<div>クリックして〜</div>
</body>
</html>
]]>
|
| 補足説明 |
ビヘイビアファイルの拡張子はhtcにしておく必要があります。サンプルで使用したビヘイビアファイルは以下の通りです。
<![CDATA[
<script language="JavaScript"><!--
attachEvent("onclick",msg);
function msg(){ alert("Oh!"); }
// --></script>
]]> |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ビヘイビアファイルを読み込む