Шаг 100 - Что такое DHTML?

Это следующая стадия развития HTML. То есть это язык гипертекстовой разметки страниц, только динамический Dynamic HTML. Его отличие в том, что каждый элемент можно динамически создавать, удалять. Это придает интерфейсу большие возможности. Единственно, что далеко не все броузеры поддерживают эту возможность. Давайте посмотрим, что он нам может дать. Если ваш броузер поддерживает DHTML, то скачайте проект и запустите файл 1.html. Вот код:

<HTML>
<HEAD><TITLE>DHTML</TITLE>
<SCRIPT LANGUAGE="JScript">
var id;
function StartGlide()
{
    Banner.style.pixelLeft=300;
    Banner.style.pixelTop=100;	
    Banner.style.visibility = "visible";
    id = window.setInterval("Glide()",50);
}
function Glide()
{
    Banner.style.pixelLeft -= 10;
    if (Banner.style.pixelLeft<=0) 
    {
        Banner.style.pixelLeft=300;
    }
}
</SCRIPT>
</HEAD>
<BODY onload="StartGlide()">
<IMG ID="Banner" STYLE="visibility:hidden;position:absolute;top:0; left:0; z-index:-1" SRC="100_1.gif">
...........
код страницы
...........
</BODY>
</HTML>

Обратите внимание на следующий код.

<BODY onload="StartGlide()">

Именно он вызывает к действию программу, написанную на JScript в момент загрузки страницы. Кроме того, мы определили рисунок как объект.

<IMG ID="Banner" .....

И дальше смогли его использовать как нормальный класс при программировании. Именно это и есть достоинство DHTML поддержка законченной объектной модели.


Загрузить проект | Предыдущий Шаг | Следующий Шаг | Оглавление
Автор Каев Артем.