HTC Behavior と XBL を使用して JavaScript を CSS に統合するにはどうすればよいですか?

CSS での JavaScript の実装

Internet Explorer (IE) と Firefox の両方で実証されているように、CSS 内での JavaScript の統合は実際に実現可能です。

IE via Firefox における HTC の動作と XBL

HTC IE の動作:

body {
  behavior:url(script.htc);
}

<PUBLIC:COMPONENT TAGNAME="xss">
   <PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="main()" LITERALCONTENT="false"/>
</PUBLIC:COMPONENT>
<SCRIPT>
   function main() {
     alert("HTC script executed.");
   }
</SCRIPT>

XBL Firefox の場合:

body {
  -moz-binding: url(script.xml#mycode);
}

<?xml version="1.0"?>
<bindings xmlns="http://www.mozilla.org/xbl" xmlns:html="http://www.w3.org/1999/xhtml">
  <binding>

実行トリガー

どちらの方法でも、ドキュメント内の要素が CSS と一致する場合にのみスクリプトが実行されます。セレクター。本体のようなセレクターを使用すると、ページの読み込み時に実行が開始されます。

以上がHTC Behavior と XBL を使用して JavaScript を CSS に統合するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。