Wie kann JavaScript mithilfe von HTC Behavior und XBL in CSS integriert werden?

JavaScript in CSS implementieren

JavaScript-Integration in CSS ist tatsächlich möglich, wie sowohl Internet Explorer (IE) als auch Firefox zeigen.

IE via HTC-Verhalten und XBL in Firefox

HTC-Verhalten für 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 für 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>

Ausführungsauslöser

In beiden Methoden , wird das Skript nur ausgeführt, wenn ein Element im Dokument mit dem CSS-Selektor übereinstimmt. Durch die Verwendung eines Selektor-ähnlichen Körpers wird die Ausführung beim Laden der Seite eingeleitet.

Das obige ist der detaillierte Inhalt vonWie kann JavaScript mithilfe von HTC Behavior und XBL in CSS integriert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!