uzluga.ru
добавить свой файл
1


Лекция №9

  • на тему: «Скрипты

  • в HTML-документах и DHTML»


  • Язык HTML предоставляет авторам Web-страниц широкие возможности для отображения текстовой и графической информации и включения в состав страниц различных объектов. Но, тем не менее, создаваемые с помощью языка HTML-страницы остаются статическими — пользователи, не выходя за пределы HTML-средств, не могут изменять информацию, расположенную на странице, и даже использовать большинство интерфейсных элементов. Для того, чтобы сделать страницу по-настоящему интерактивной, нам нужен язык, выполняемый в контексте браузера. Такой язык называют скриптовым.



  • Скриптовый язык обычно не содержит всех возможностей настоящих языков програм-мирования. Созданные с помощью скриптовых языков программы (называемые скриптами или сценариями) после включения в HTML-страницу не могут выполняться самостоя­тельно — они работают только в контексте браузера, под-держивающего их выполнение. Скрипты вклю-чаются в состав Wеb-страниц и распознаются и обрабатываются браузером при отображении остального HTML-кода той же страницы.



  • Web-страница, содержащая скрипт или несколько скриптов, может обрабатывать события, связанные с окном браузера, — такие, как загрузка документа, закрытие окна, появление курсора над некоторым объектом страницы, нажатие кнопки «мышь» или клавиши клавиатуры и т. п. При этом в виде скриптов могут быть реализованы обработчики разных событий.



  • В настоящее время существуют два языка для написания скриптов для Web-страниц — JavaScript и Visual Basic Script. Visual Basic Script — это разработка Microsoft. Скрипты на этом языке выполняются пока только в браузере Internet Explorer (VBScript). JavaScript был первоначально разработан компанией Netscape, а затем Microsoft разработала свою версию этого же языка, названную JScript. К сожалению, это привело к возникновению разных, не всегда совместимых, версий языка JavaScript.



  • Код JavaScript начинается обычно тегом .



Пример HTML-документа со скриптом на языке JavaScript, вычисляющим сумму двух чисел:

  • Пример HTML-документа со скриптом на языке JavaScript, вычисляющим сумму двух чисел:

  • onClick="calculation()">



  • Как и при обработке обычной формы, на экране изображается кнопка с названием «Calculate». При нажатии на нее («мышкой») выполняется JavaScript — функция calculation(), из которой вызывается alert(). Это приводит к формированию в окне брау­зера модальной кнопки с результатом

    • Как и при обработке обычной формы, на экране изображается кнопка с названием «Calculate». При нажатии на нее («мышкой») выполняется JavaScript — функция calculation(), из которой вызывается alert(). Это приводит к формированию в окне брау­зера модальной кнопки с результатом



    DHTML

    • Несмотря на то, что сценарии (скрипты), исполняемые на клиентской стороне, увеличива­ют гибкость HTML, они мало используются в целях более серьезных, нежели проверка данных в форме перед ее «отправкой» Web-серверу. Ограниченность сценариев заложена в самой природе HTML. HTML-текст поступает в программу просмотра посимвольно, и эта программа (браузер) «конструирует» и отображает Web-страницу по мере этого поступления. Как только символы текста HTML-документа прекращают поступать к программе просмотра, «конструирование» заканчивается и HTML-страницу уже нельзя изменить.



    Программа просмотра (браузер), исполняя программу сценария (скрипта), может только в ограниченной мере модифицировать HTML-текст по мере того, как он поступает к ней, либо может целиком заменить отображенную страницу новой.

    • Программа просмотра (браузер), исполняя программу сценария (скрипта), может только в ограниченной мере модифицировать HTML-текст по мере того, как он поступает к ней, либо может целиком заменить отображенную страницу новой.

    • Для преодоления этого ограничения Microsoft предложила технологию DHTML. Dynamic HTML позволяет изменять содержимое HTML-страницы при помощи скриптов после окончания конструирования. Такая возможность появляется за счет того, что каждый элемент HTML-документа рассматривается как объект со своими свойствами. Эти свойст­ва доступны в коде скрипта на JavaScript или VBScript. Интерактивно взаимодействуя с отображением документа, пользователь посредством скриптов изменяет свойства объектов, например, значения атрибутов элемента или свойства, введенные листами стилей. Браузер на основе новой информации изменяет отображение документа.



    • Dynamic HTML строится на основе JavaScript или VBScript, причем функционирование скриптов (сценариев) соответствует парадигме использо-вания программ, управляемых событиями. Это означает, что код скрипта выполняется c учетом взаимодействия пользователя с элементами Web-страницы. Основная особенность этой схемы состоит в том, что поддерживать взаимодействие с пользователем в Dynamic HTML может любой элемент Web-страницы. Таким образом, DHTML обеспечивает автора Web-документов средствами программирования, позволяющими полностью управлять HTML-документом на стороне клиента.