Microsoft의 IE5.0 브라우저가 출시되기 전에 웹 프로그래밍에서 가장 큰 과제는 코드 재사용 및 다중 페이지 공유의 목적을 달성하기 위해 구성 요소를 만들기가 쉽지 않다는 것입니다. 이 문제는 DHTML (Dynamic HEML)에서 웹 프로그래머를 괴롭히는 것입니다. HTML, CSS 및 JavaScript 코드 만 반복하여 여러 페이지에서 중복 또는 유사한 기능을 만족시킬 수 있습니다. IE5.0 브라우저가 출시 된 이후 이러한 상황이 개선되었습니다. 한 구성 요소의 특정 기능을 구현하는 코드를 캡슐화하여 다중 페이지 코드 재사용을 실현하고 웹 프로그래밍을 완전히 새로운 세계로 가져올 수있는 새로운 명령 조합 방법을 제공합니다. 이 새로운 기술은 우리가 이야기 할 DHTML의 "행동"입니다.
"행동"은 페이지의 특정 기능이나 작업을 캡슐화하는 간단하고 사용하기 쉬운 구성 요소입니다. 웹 페이지의 "동작"이 구성 요소에 첨부되면 구성 요소의 원래 동작이 변경됩니다. 따라서 웹 프로그래머는 일반적인 DHTML 명령을 개발하고 원래 객체의 일부 속성을 변경하고 "동작"을 사용하여 객체의 기능을 향상시키고 페이지의 HTML 코드를 단순화 할 수 있습니다. 또한 "행동"의 생성 및 사용은 매우 간단하고 편리하며 필요한 지식은 CSS 스타일 시트, HTML 지시문 및 JavaScript 스크립트 언어 만 사용됩니다. 이것에 대해 이해하고 실질적인 프로그래밍 경험이있는 한 "행동"의 사용을 배우고 마스터하는 데 아무런 문제가 없습니다. 우리는 "행동"을 작성하고 사용하는 방법을 설명하고 "행동"이 페이지 편집에 가져 오는 장점과 편의를 경험하기 위해 글꼴의 영향을 예로 바르는 "행동"구성 요소를 사용합니다.
먼저 font_efftce.htc라는 새 텍스트 파일을 만듭니다. "동작"구성 요소를 구성하는 파일은 모두 확장자로 .htc를 사용합니다. 이 파일의 내용은이 "행동"에 대한 설명입니다. 생성 및 사용 단계는 다음과 같습니다.
(1) 먼저이 "행동"에 여러 이벤트 응답을 추가하십시오. 성명서 작성 형식은 다음과 같습니다.
<public : att
<public : att
<public : att
<public : att
"이벤트"는 필요한 이벤트 이름에 해당합니다. 다음은 다음과 같습니다. 물론 특정 요구 사항을 충족시키기 위해 다른 이벤트 이름을 추가 할 수 있습니다. "Onevent"는 이벤트 핸들, 즉 이벤트가 트리거 될 때 호출 된 함수의 이름에 해당합니다. glowit () 함수는 글꼴 주위에 빨간 빛이 생성됩니다. noglow () 함수는 글꼴의 글로우 효과를 제거합니다. Font2Yellow () 함수는 글꼴 색상을 노란색으로 변경합니다. font2blue () 함수는 글꼴 색상을 파란색으로 변경합니다. 네 가지 이벤트의 정의는 모두 비슷합니다.
(2) 다음으로, 다음과 같이이 "동작"에 두 가지 "방법"정의를 추가하십시오.
<public : methodName = "move_down"/>
<public : methodName = "move_right"/>