Що таке файл DHTML?
Файл із розширенням .dhtml — це динамічний файл HTML, який використовується для створення динамічного вмісту веб-сторінки. Веб-елемент, створений у DHTML, керується подіями та не потребує перезавантаження сторінки. У більшості випадків файл DHTML використовується для створення динамічного вмісту веб-сторінки, наприклад спадних меню, плаваючих шарів, кнопок переміщення та іншого динамічного вмісту. Ви стикаєтеся з динамічними елементами HTML майже щодня у своєму житті, коли наводите курсор миші на пункт меню, і він відкриває додаткові параметри підменю. DHTML використовує такі веб-технології, як HTML, Javascript, HTML DOM, HTML Events і CSS, щоб досягти динамічного поведінка елементів.
Формат файлу DHTML
Файли DHTML — це звичайні текстові файли, які містять код DHTML для реалізації динамічної поведінки веб-елементів.
DHTML DOM
Об’єктна модель документа DHTML (DOM) базується на HTML DOM, який є деревоподібною структурою з елементами, атрибутами та текстом, як показано на наступному зображенні.
Вузол Документ можна використовувати для виклику кількох функцій для реалізації різних функцій. У наступному прикладі просто використовується метод document.write() JavaScript у DHTML.
<HTML>
<head>
<title>
Method of a JavaScript
</title>
</head>
<body>
<script type="text/javascript">
document.write("Hello World");
</script>
</body>
</html>
Цей код записує текст «Hello World» для виведення в браузер.
Події DHTML
| С.№ | Подія | Виникнення |
|---|---|---|
| 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 | Запускається, коли користувач закриває веб-сторінку. |
