Главная       О компании       Услуги       Портфолио       Проекты       Контакты    
 





 
"Рениссайт" за 30% от стоимости
профессиональный сайт доступный каждому предпринимателю

 

"Центр Паспортизации Сайтов"
эффективный способ гарантировать посетителю интернет ресурса его подлинность

 

   
 
Создание сайтов при помощи языка сценариев JavaScript и динамического HTML

Понятие объектной модели документа и динамического HTML Факт наличия поддержки языка JavaScript той или иной версии в определен-ном браузере ничего не говорит о способностях отображения этим браузером интерактивных веб-страниц, созданных для сайта с применением данного языка. Эти возможности определяются не столько совместимостью агента пользователя с конкретной версией языка, сколько особенностями реализованной в браузе-ре объектной модели.

Обратимся ненадолго к истории. Так, например, и Netscape 4, и IE4 поддер-живают JavaScript 1.2, однако объектные модели этих двух браузеров разнят-ся, словно день и ночь.
В сущности, объектная модель браузера Netscape 4 обеспечивает доступ к весьма и весьма ограниченному кругу элементов HTML-документа создаваемого сайта, позволяя модифицировать лишь малую часть их атрибутов и обрабатывать довольно скудный набор событий, связанных с объектами веб-страницы.
Объектная модель же, впервые реализованная в IE4, шагнула далеко вперед. Она обеспечила доступ ко всем элементам HTML, позволив сценариям изме-нять содержимое этих элементов и значения всех присущих им атрибутов. Это, в свою очередь, открыло возможность динамически в режиме реального времени перекраивать веб-страницы в созданном сайте практически полностью, подвергая модификации как содержание и структуру, так и оформление документов.
Помимо прочего, объектная модель, воплощенная в IE4, существует отдельно от базовых функций JScript, предоставляя возможность взаимодействия с со-бою другим языкам сценариев, поддерживаемым браузером Internet Explorer - в частности, VBScript (скриптовый язык, основанный на синтак-сисе языка программирования Visual Basic). Netscape 4, напротив, реализует морально устаревшую на сегодня интегрированную модель, в которой базо-вые функции JavaScript неразрывно связаны с предлагаемой этим браузером инфраструктурой объектов.
Так вот, именно объектная модель документа, реализованная в IE4, являет:> более совершенной для создание сайтов, чем аналогичная модель Netscape 4. Эта инициатив Microsoft впоследствии легла в основу официальной рекомендации W3C - DOM (Document Object Model, объектная модель документов) level 1, принятой в 1998 г. Позднее в качестве рекомендаций W3C были утверждены суще-ственно более расширенные версии спецификации DOM - DOM level 2 (или просто DOM2, 2000-2003 гг.) и DOM level 3 (DOM3, 2004 г.).
Согласно рекомендациям W3C, DOM - это независимый от платформы и от какого бы то ни было конкретного языка интерфейс, позволяющий разнооб-разным программам и сценариям получать доступ к содержанию, структуре и представлению документов с возможностью динамически модифицировав все эти три составляющие.
В отличие от прототипа- объектной модели документа, реализованной в IE4, спецификации DOM, принятые Консорциумом W3C, распространяются не только на HTML-документы, но и вообще на любые XML-документы, рассматривая модель документа HTML как частный случай.
В основе DOM лежит понимание XML-документа как дерева объектов с изменяемыми свойствами. Так, например, для классической веб-страницы кор-нем такого дерева будет выступать объект, соответствующий элементу <html>...</html>.
Он называется родительским для объектов, соответствующих элементам <head>.. .</head> и <body>.. .</body>, а те, в свою очередь, являются дочерни-ми по отношению к нему. Все элементы дерева за исключением корневого являются потомками корня, а сам корень, в свою очередь, называется их предком. Все объекты, составляющие дерево, именуются узлами последнего.
Получить наглядное представление о дереве объектов того или иного документа позволяет, например, такой инструмент, как Инспектор DOM, вклю-ченный в минимальный дистрибутив браузера Mozilla Firefox 1.0 (см. рис. 4 -и 4.5).
Собственно DHTML - это не более чем лаконичная аббревиатура, введенная в оборот фирмой Microsoft и обозначающая конгломерат технологий стороны клиента в составе HTML, листов стилей и языков сценариев, объединенных под знаменами DOM.
Ключевыми возможностями DHTML являются обеспечение динамического формирования веб-страниц в созданном сайте в процессе их загрузки и динамического изменения уже загруженных документов под влиянием действий пользователя исключительно на стороне клиента, без необходимости обращений к веб-серверу.
 

28.03.2009