如何使用 HTC Behaviour 和 XBL 將 JavaScript 整合到 CSS 中？-css教學-PHP中文網

如何使用 HTC Behaviour 和 XBL 將 JavaScript 整合到 CSS 中？

Barbara Streisand

發布： 2024-12-19 22:16:17

原創

376 人瀏覽過

How Can JavaScript Be Integrated into CSS Using HTC Behavior and XBL?

在 CSS 中實作 JavaScript

CSS 中的 JavaScript 整合確實是可行的，Internet Explorer (IE) 和 Firefox 都證明了這一點。

IE 透過Firefox 中的 HTC 行為和 XBL

HTC 行為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 for 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>

登入後複製

執行觸發器

兩種方法中，僅當文件中的元素與 CSS 選擇器相符時，腳本才會執行。使用像 body 這樣的選擇器會在頁面載入時啟動執行。

以上是如何使用 HTC Behaviour 和 XBL 將 JavaScript 整合到 CSS 中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！