如何在 CSS 中嵌入 JavaScript 功能？

在CSS 中嵌入JavaScript

雖然不可能直接在CSS 中執行JavaScript，但有一些創造性的技術可以實現類似的功能。

IE：表現技術與HTC行為

Internet Explorer 提供兩種方法：

• 表達式技術：

body {
  color: (function() { return document.getElementById("button").style.color; })();
}

表達式技術：

• 表達式技術：

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>

表達式> 涉及建立一個計算JavaScript 表達式的表達式。例如：

HTC 行為：

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

利用透過 CSS 載入的單獨 XML 檔案 (script.htc)。在 HTC 檔案內，可以執行 JavaScript。

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

  <binding>

Firefox：XBL
• Firefox 提供了一個類似的基於 XML 的解決方案，稱為 XBL .

重要注意事項僅當 CSS 選擇器與文件中的元素匹配時才執行 JavaScript。 這些技術尚未標準化，可能不適用於所有瀏覽器。 它們可能會帶來安全隱患，因此請謹慎使用。

以上是如何在 CSS 中嵌入 JavaScript 功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！