HTC 동작 및 XBL을 사용하여 JavaScript를 CSS에 어떻게 통합할 수 있습니까?

CSS에서 JavaScript 구현

Internet Explorer(IE)와 Firefox에서 입증되었듯이 CSS 내에서 JavaScript 통합은 실제로 가능합니다.

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>

Firefox용 XBL:

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 선택기와 일치하는 경우에만 스크립트가 실행됩니다. 본문과 같은 선택기를 사용하면 페이지 로드 시 실행이 시작됩니다.

위 내용은 HTC 동작 및 XBL을 사용하여 JavaScript를 CSS에 어떻게 통합할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!