JavaScript を CSS に統合できますか?またその方法は?

JavaScript を CSS に統合できますか?

CSS には、JavaScript の実行をトリガーする方法があります。 Internet Explorer と Firefox には特定の方法が用意されています。

Internet Explorer の HTC

CSS ルールを使用します:

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

script.htc ファイル内:

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

HTC ファイルは main() 関数を実行しますondocumentready (HTC ドキュメントの準備ができたとき)。

Firefox の XBL

CSS ルールを使用します:

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

script.xml 内:

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

<binding>

コンストラクタータグ内のコードは次のようになります。

どちらのメソッドでも、CSS セレクターがドキュメント内の要素と一致すると実行が発生します。 body を使用すると、ページの読み込み時に実行がトリガーされます。

以上がJavaScript を CSS に統合できますか?またその方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。