Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 75 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

}
В этом примере метод open() открывает поток записи в документ, метод write() осуществляет эту запись, ме-
тод close() закрывает поток записи в документ. Все происходит так же, как и при записи в обычный файл. Если у окна
есть поле статуса (обычно в нем отображается уровень загрузки документа), то при незакрытом потоке записи в документ в
нем будет "метаться" прямоугольник продолжения записи, как это происходит при загрузке документа.
4.1.3. События
Кроме методов и свойств объекты характеризуются событиями. Собственно, суть программирования на JavaScript
заключается в написании обработчиков этих событий. Например, с объектом типа button (тег INPUT типа button – "Кнопка")
может происходить событие click, т.е. пользователь может нажать на кнопку. Для этого атрибуты тега INPUT расширены
атрибутом обработки события click – onClick. В качестве значения этого атрибута указывается программа обработки собы-
тия, которую должен написать на JavaScript автор HTML-документа:
<INPUT TYPE=button VALUE="Нажать" onClick="window.alert ('Пожалуйста, нажмите еще раз');">
Обработчики событий указываются в тех тегах, с которыми эти события связаны. Например, тег BODY определяет свой-
ства всего документа, поэтому обработчик события завершения загрузки всего документа указывается в этом теге как зна-
чение атрибута onLoad.
4.2. РАЗМЕЩЕНИЕ КОДА НА HTML-СТРАНИЦЕ
В общем случае можно выделить четыре способа функционального применения JavaScript:
• гипертекстовая ссылка (схема URL);
• обработчик события (handler);
• подстановка (entity) (в Microsoft Internet Explorer реализована в версиях от 5.X и выше);
• вставка (тег SCRIPT).
Схема URL (Uniform Resource Locator) – это один из основных элементов Web-технологии. Каждый информационный
ресурс в Web имеет свой уникальный URL. URL указывают в атрибуте href тега A, в атрибуте src тега IMG, в атрибуте
action тега FORM и т.п.
Основной задачей языка программирования гипертекстовой системы является программирование гипертекстовых пере-
ходов. Это означает, что при выборе той или иной гипертекстовой ссылки вызывается программа реализации гипертекстово-
го перехода. В Web-технологии стандартной программой является программа загрузки страницы. JavaScript позволяет поме-
нять стандартную программу на программу пользователя. Для того чтобы отличить стандартный переход по протоколу
HTTP от перехода, программируемого на JavaScript, разработчики языка ввели новую схему URL – JavaScript:
<A HREF="JavaScript:JavaScript_код">...</A>
<IMG SRC="JavaScript:JavaScript_код>
В данном случае текст "JavaScript_код" обозначает программы-обработчики на JavaScript, которые вызываются при вы-
боре гипертекстовой ссылки в первом случае и при загрузке картинки – во втором.
Например, при нажатии на гипертекстовую ссылку Внимание!!! можно получить окно предупреждения (рис. 65):
<A HREF="JavaScript:alert('Внимание!!!');"> Внимание!!!</A>
Рис. 65
А при нажатии на кнопку типа submit в форме можно заполнить текстовое поле этой же формы:
<FORM NAME=f METHOD=post
ACTION="JavaScript:window.document.f.i.VALUE='Нажали кнопку Click'; void(0);">
<TABLE BORDER=0>
<TR>
<TD><INPUT NAME=i></TD>
<TD><INPUT TYPE=submit VALUE=Click></TD>
<TD><INPUT TYPE=reset VALUE=Reset></TD>
</TABLE>
</FORM>
В URL можно размещать сложные программы и вызовы функций. Следует только помнить, что схема JavaScript рабо-
тает не во всех браузерах, а только в версиях Netscape Navigator и Internet Explorer, начиная с четвертой.
Обработчики событий. Такие программы, как обработчики событий (handler), указываются в атрибутах тегов, с кото-
рыми эти события связаны. Например, при нажатии на кнопку происходит событие click:
<FORM><INPUT TYPE=button VALUE="Кнопка" onClick= "window.alert('Внимание');"></FORM>
Подстановки. Подстановка (entity) встречается на Web-страницах довольно редко. Тем не менее, это достаточно мощ-

Страницы