JavaScript peut-il être intégré dans CSS, et comment ?

JavaScript peut-il être intégré dans CSS ?

En CSS, il existe des moyens de déclencher l'exécution de JavaScript. Internet Explorer et Firefox proposent des méthodes spécifiques.

HTC dans Internet Explorer

Utilisez une règle CSS :

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

Dans le fichier script.htc :

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

Le fichier HTC exécute la fonction main() une fois le document prêt (lorsque le document HTC est prêt).

XBL dans Firefox

Utilisez une règle CSS :

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

Dans script.xml :

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

<binding>

Le code dans la balise constructeur sera exécuté.

Dans les deux méthodes, l'exécution se produit lorsque le sélecteur CSS correspond à un élément dans le document. L'utilisation du corps déclenche l'exécution au 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!