Какво е DHTML файл?
Файл с разширение .dhtml е динамичен HTML файл, който се използва за създаване на динамично съдържание на уеб страница. Уеб елемент, създаден в DHTML, се управлява от събитие и не изисква презареждане на страницата. В повечето случаи DHTML файл се използва за създаване на динамично съдържание на уеб страница, като падащи менюта, плаващи слоеве, бутони за преобръщане и друго динамично съдържание. Срещате динамични html елементи почти ежедневно в живота си, когато задържите курсора на мишката върху елемент от менюто и той отваря допълнителни опции на подменюто. DHTML използва уеб технологии като HTML, Javascript, HTML DOM, HTML събития и 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 събития
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 | Задейства се, когато потребителят затвори уеб страница. |