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 檔案在ondocumentready 時執行main() 函數（當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中文網其他相關文章！