Microsoft의 IE5.0 브라우저가 출시되기 전에 웹 프로그래밍에서 가장 큰 과제는 코드 재사용 및 다중 페이지 공유의 목적을 달성하기 위해 구성 요소를 만들기가 쉽지 않다는 것입니다. 이 문제는 DHTML (Dynamic HEML)에서 웹 프로그래머를 괴롭히는 것입니다. HTML, CSS 및 JavaScript 코드 만 반복하여 여러 페이지에서 중복 또는 유사한 기능을 만족시킬 수 있습니다. IE5.0 브라우저가 출시 된 이후 이러한 상황이 개선되었습니다. 한 구성 요소의 특정 기능을 구현하는 코드를 캡슐화하여 다중 페이지 코드 재사용을 실현하고 웹 프로그래밍을 완전히 새로운 세계로 가져올 수있는 새로운 명령 조합 방법을 제공합니다. 이 새로운 기술은 우리가 이야기 할 DHTML의 "행동"입니다.
다음은 내가 한 작은 예입니다.
font_effect.htc
코드는 다음과 같습니다.
////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////4
// "동작"에 4 개의 마우스 이벤트 추가
<public : att
<public : att
<public : att
<public : att
// "동작"에 대한 두 가지 방법을 정의하면 괄호로 이름 값을 추가 할 수 없습니다.
<public : methodName = "move_down"/>
<public : methodName = "move_right"/>
<scriptLanguage = "jscript">
// 글꼴 색상을 저장하는 변수를 정의합니다
varfont_color;
// 텍스트를 아래쪽으로 이동시키는 메소드를 정의합니다
functionmove_down ()
{
요소 .Style.postop+= 10;
}
// 텍스트를 오른쪽으로 이동하는 방법을 정의합니다
functionmove_right ()
{
요소 .style.posleft+= 10;
}
// 마우스 onMouseUp 이벤트의 호출 기능을 정의합니다
functionfont2blue ()
{
if (event.srcelement == 요소)
{
emeter.style.color = "blue";
}
}
// 마우스 onmousedown 이벤트의 호출 기능을 정의합니다
functionfont2yellow ()
{
if (event.srcelement == 요소)
{
emeter.style.color = "옐로우";
}
}
// 마우스 onMouseOver 이벤트의 호출 기능을 정의합니다
functionglowit ()
{
if (event.srcelement == 요소)