Comment JavaScript peut-il être intégré dans CSS à l'aide de HTC Behaviour et XBL ?

L'implémentation de JavaScript dans CSS

L'intégration de JavaScript dans CSS est en effet réalisable, comme le démontrent Internet Explorer (IE) et Firefox.

IE via Comportement HTC et XBL dans Firefox

Comportement HTC pour 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 pour 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>

Déclencheur d'exécution

Dans les deux méthodes , le script s'exécute uniquement lorsqu'un élément du document correspond au sélecteur CSS. L'utilisation d'un sélecteur comme body lance l'exécution lors du chargement de la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!