Встраивание скриптов в HTML-документ

Дата добавления: 2015-07-09; просмотров: 733; Нарушение авторских прав

Для встраивания скриптов в тело HTML-документа используется контейнер SCRIPT. Не все программы просмотра способны распознавать и исполнять скрипты, поэтому само тело скрипта помещается в контейнер комментария. Рассмотрим пример:

Пример 2.3

<HTML> <HEAD> <TITLE>Регистрация</TITLE> <SCRIPT LANGUAGE="JavaScript"><!—Определение функций JavaScript function help_win() { Help = window.open("REG_HELP.HTM","Help","scrollbars=yes,resizable=yes") } function main_menu() { Main_menu = window.open("MAIN_M.HTM","Main_menu") }// Конец определения функций JavaScript --> </SCRIPT> </HEAD> <BODY> ...... Текст страницы. ..... <hr> <FORM NAME=help_call> <TABLE BORDER=0> <TR> <TD><INPUT NAME=next TYPE=button VALUE=”Следующая” onClick="main_menu()"></TD> <TD><INPUT NAME=help TYPE=button VALUE=”Помощь” onClick="help_win()"></TD> </TR> </TABLE> </FORM> </BODY></HTML>

В данном примере в заголовок документа (контейнер HEAD) включен контейнер SCRIPT.

Далее в тексте страницы определен комментарий, в который включен текст скрипта. Начинается комментарий со строки:

<!-- The JavaScript Functions Definition

и кончается строкой:

// The end of JavaScript Functions Definition -->

Внутри контейнера скрипта определены две функции пользователя: help_win() и main_menu(). Смысл этих функций достаточно прозрачен. Help_win() предназначена для организации контекстно зависимого help, а main_menu() осуществляет допуск пользователя к главному меню. Обе функции используют один и тот же метод open (встроенную в JavaScript функцию, которая определена над объектом window) для того, чтобы открыть новое окно и загрузить в него гипертекстовые документы. При этом функция main_menu порождает стандартное окно (с кнопочками, иконками и т.п.), а функция help_win() окно без стандартных атрибутов. У этого окна имеются только линейки прокрутки (scroll bars).

Вызов функций осуществляется после нажатия на соответствующую кнопку, которые определены в HTML-форме help_call. Таким образом, выполнение функций будет осуществлено только в том случае, если произойдет событие, описанное атрибутом onClick в контейнере INPUT соответствующего поля формы.

<== предыдущая лекция	\|	следующая лекция ==>
	\|	Лабораторные задания