如何使用 HTC Behaviour 和 XBL 将 JavaScript 集成到 CSS 中？

在 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中文网其他相关文章！