Использование гиперссылок для выполнения программного кода

Гиперссылки могут применяться не только по своему прямому назначению, но и для запуска программного кода. Для этого имеется две возможности.

а) Программный код может быть помещен в атрибут href. Чтобы браузер мог отличить его от URL, перед программным кодом необходимо указать псевдопротокол javascript: (с двоеточием!).

На самом деле это не протокол, а лишь запись, по синтаксису напоминающая указание протокола. Отсюда приставка "псевдо".

Щелчок на такой ссылке будет означать выполнение соответствующего кода. Например,

<a href=" javascript: alert('Cообщение вызвано по ссылке') ">

Cообщение

</a>

Так как атрибут href "занят" кодом, то в этом случае теряется возможность указать URL и перейти по ссылке на другую страницу.

Псевдопротокол javascript — это наследие 1990-х годов. Он поддерживается всеми браузерами, но в современные спецификациях не упоминается.

б) Более гибкий вариант использования ссылок основан на обработке событий. Основное действие с гиперссылками — щелчок, при котором генерируется событие click, которое может обрабатывать программный объект, соответствующий ссылке

Для обработки в тег <a> можно добавить атрибут on click с кодом обработки события click. Важно отметить, что обработка события, заданная атрибутом onclick, происходит до перехода по ссылке (атрибут href).

По аналогии с onsubmit в обработчике события onclick для элемента <a> можно с помощью возвращаемого значения (true/false) разрешать или блокировать действие href (т.е. переход по ссылке). Использование для выполнение кода обработчика события позволяет сохранить главную функцию гиперссылки — переход по URL.

ЗАДАНИЕ 2 (Обработка событий submit и click)

1. Создать два html-документа.

а) В документе response.htm предусмотрен вывод текста "Ответ на запрос", помещенный в один из тегов для заголовков <h...>.

б) В заголовочную части второго документа (файл form1.htm) вставить скрипт, в котором определена переменная ok, инициализируемая значением "истина":

var ok=true;

В документе form1.htm создать форму с именем myForm (атрибут name), содержащую кнопку типа submit с названием "Обработать".

Данные из формы должны передаваться на обработку файлу response.htm.

В тег <form> добавить обработчик события submit, в котором с помощью alert, выводится текст "Обработка", а затем выполняется оператор возврата return со значением переменной ok.

в) Загрузить страницу. Нажать кнопку "Обработать". Объяснить, что происходит.

г) Изменить значение переменной ok на "ложь". Загрузить страницу. Нажать кнопку "Обработать". Объяснить, что происходит.

2. Для выполнения следующего задания сохранить копию файла form1.htm под названием form2.htm.

а) Вернуть переменной ok значение "истина".

б) После закрывающего элемента формы добавить гиперссылку в виде текста "Отправить форму" (при выводе на экран отступить от кнопки).

В атрибуте href гиперссылки задать код, выполняющий следующие действия: (а) получить объект формы, (б) вызвать для этого объекта метод submit().

Дата добавления: 2015-07-26