DHTML 파일이란?
.dhtml 확장자를 가진 파일은 웹 페이지의 동적 콘텐츠를 만드는 데 사용되는 동적 HTML 파일입니다. DHTML에서 생성된 웹 요소는 이벤트 기반이며 페이지를 다시 로드할 필요가 없습니다. 대부분의 경우 DHTML 파일은 드롭다운 메뉴, 플로팅 레이어, 롤오버 버튼 및 기타 동적 콘텐츠와 같은 웹 페이지의 동적 콘텐츠를 만드는 데 사용됩니다. 메뉴 항목에 마우스를 가져가면 추가 하위 메뉴 옵션이 열릴 때 거의 매일 동적 html 요소를 접하게 됩니다. DHTML은 HTML, Javascript, HTML DOM, HTML 이벤트 및 CSS와 같은 웹 기술을 사용하여 동적 요소의 동작.
DHTML 파일 형식
DHTML 파일은 웹 요소의 동적 동작을 구현하는 DHTML 코드가 포함된 일반 텍스트 파일입니다.
DHTML DOM
DHTML DOM(문서 개체 모델)은 다음 이미지와 같이 요소, 속성 및 텍스트가 있는 트리 구조인 HTML DOM을 기반으로 합니다.
‘Document’ 노드는 여러 기능을 구현하기 위해 여러 기능을 호출하는 데 사용할 수 있습니다. 다음 예제에서는 DHTML에서 JavaScript의 document.write() 메서드를 사용합니다.
<HTML>
<head>
<title>
Method of a JavaScript
</title>
</head>
<body>
<script type="text/javascript">
document.write("Hello World");
</script>
</body>
</html>
이 코드는 “Hello World"라는 텍스트를 브라우저에 출력하도록 작성합니다.
DHTML 이벤트
| S.No. | 이벤트 | 발생 |
|---|---|---|
| 1 | onabort | 사용자가 페이지 또는 미디어 파일 로드를 중단할 때 발생합니다. |
| 2 | onblur | 사용자가 HTML 객체를 떠날 때 발생합니다. |
| 3 | onchange | 사용자가 객체의 값을 변경하거나 업데이트할 때 발생합니다. |
| 4 | onclick | 사용자가 HTML 요소를 클릭할 때 발생하거나 트리거됩니다. |
| 5 | ondblclick | 사용자가 HTML 요소를 함께 두 번 클릭할 때 발생합니다. |
| 6 | onfocus | 사용자가 HTML 요소에 초점을 맞출 때 발생합니다. 이 이벤트 핸들러는 onblur와 반대로 작동합니다. |
| 7 | onkeydown | 사용자가 키보드 장치의 키를 누를 때 트리거됩니다. 이 이벤트 핸들러는 모든 키에 대해 작동합니다. |
| 8 | onkeypress | 사용자가 키보드의 키를 누를 때 트리거됩니다. 이 이벤트 핸들러는 모든 키에 대해 트리거되지 않습니다. |
| 9 | onkeyup | 사용자가 개체나 요소를 누른 후 키보드에서 키를 놓을 때 발생합니다. |
| 10 | onload | 객체가 완전히 로드되었을 때 발생합니다. |
| 11 | onmousedown | 사용자가 HTML 요소 위에 마우스 버튼을 눌렀을 때 발생합니다. |
| 12 | onmousemove | 사용자가 HTML 객체에서 커서를 움직일 때 발생합니다. |
| 13 | onmouseover | 사용자가 HTML 개체 위로 커서를 이동할 때 발생합니다. |
| 14 | onmouseout | 마우스 포인터가 HTML 요소 밖으로 이동할 때 발생하거나 트리거됩니다. |
| 15 | onmouseup | HTML 요소 위에서 마우스 버튼을 놓을 때 발생하거나 트리거됩니다. |
| 16 | onreset | 사용자가 양식을 재설정하는 데 사용됩니다. |
| 17 | onselect | 웹 페이지에서 내용이나 텍스트를 선택한 후 발생합니다. |
| 18 | onsubmit | 양식 제출 후 사용자가 버튼을 클릭하면 트리거됩니다. |
| 19 | onunload | 사용자가 웹 페이지를 닫을 때 트리거됩니다. |
