Kann JavaScript in CSS integriert werden und wie?

Kann JavaScript in CSS integriert werden?

In CSS gibt es Möglichkeiten, die Ausführung von JavaScript auszulösen. Internet Explorer und Firefox bieten spezifische Methoden.

HTC im Internet Explorer

Verwenden Sie eine CSS-Regel:

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

Innerhalb der Datei script.htc :

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

Die HTC-Datei führt die Funktion main() aus, wenn das Dokument bereit ist (wenn das HTC-Dokument bereit ist). bereit).

XBL in Firefox

Verwenden Sie eine CSS-Regel:

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

In script.xml:

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

<binding>

Code im Konstruktor-Tag wird ausgeführt.

Bei beiden Methoden erfolgt die Ausführung, wenn der CSS-Selektor mit einem übereinstimmt Element im Dokument. Die Verwendung von Body löst die Ausführung beim Laden der Seite aus.

Das obige ist der detaillierte Inhalt vonKann JavaScript in CSS integriert werden und wie?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!