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 파일은 문서 준비가 완료되면 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 선택기가 문서의 요소와 일치할 때 실행이 발생합니다. 본문을 사용하면 페이지 로드 시 실행이 실행됩니다.

위 내용은 JavaScript를 CSS에 통합할 수 있나요? 그리고 어떻게 통합할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!