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