.DHTML вариант №
Файл с расширением .dhtml представляет собой динамический HTML файл, который используется для создания динамического содержимого веб-страницы. Веб-элемент, созданный в DHTML, управляется событиями и не требует перезагрузки страницы. В большинстве случаев файл DHTML используется для создания динамического содержимого веб-страницы, такого как раскрывающиеся меню, плавающие слои, кнопки прокрутки и другое динамическое содержимое. Вы сталкиваетесь с динамическими html-элементами почти ежедневно в своей жизни, когда вы наводите указатель мыши на пункт меню, и он открывает дополнительные параметры подменю. DHTML использует такие веб-технологии, как HTML, Javascript, HTML DOM, HTML Events и CSS для достижения динамического поведение элементов.
Формат файла DHTML
Файлы DHTML — это простые текстовые файлы, содержащие код DHTML для реализации динамического поведения веб-элементов.
DHTML DOM
Объектная модель документа DHTML (DOM) основана на модели HTML DOM, которая представляет собой древовидную структуру с элементами, атрибутами и текстом, как показано на следующем рисунке.
Узел «Документ» может использоваться для вызова нескольких функций для реализации различных функций. В следующем примере просто используется метод JavaScript document.write() в 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
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 | Срабатывает, когда пользователь закрывает веб-страницу. |