TML, CSS, СКРИПТЫ: практика создании сайтов

Такая форма комментариев, напомню, используется в CSS,

а «ножки растут» у нее из языка программирования С.

Учитывая тот факт, что «истинный XHTML» работает пока только в

тепличных условиях и на практике встречается крайне редко, в наших примерах

мы ограничимся более простым вариантом маскировки кода внутренних

скриптов:

//—>

Для связи веб-страницы с внешними сценариями используется все тот же тег

могут размещаться в любых местах разделов

.. . или .. . HTML-документа. С одним

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

Внешние скрипты принципиально ничем не отличаются от внутренних — а

точнее, для сценариев справедливы все оговорки, обсуждавшиеся в главе 3

применительно к различиям внешних и внутренних листов стилей. В даль-

Глава 7. Создание интерактивных сайтов при помощи языка сценариев JavaScript 331

нейших примерах в целях экономии бумаги мы будем пользоваться

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

Собственно, первый пример — модификация листинга 6.9, иллюстрирующая

применение тега

onclick="showAlert();" />р>

С точки зрения функциональности вышеприведенный код абсолютно

идентичен примеру из листинга 6.9, однако отличается от него тем, что значением

атрибута onclick тега
, описывающего кнопку! нажать на которую мы

призываем пользователя, является вызов функции с именем showAlert,

объявленной в скрипте, встроенного в документ. Функция — это поименованный

фрагмент программного кода, который, будучи однажды определенным,

может выполняться многократно по вызову. Вся дальнейшая обработка

события, связанного с нажатием на кнопку, таким образом, возлагается на эту

функцию. Тело функции (код, заключенный в фигурные скобки после

объявления функции, использующего ключевое слово function) состоит из единст-

332 Часть II. Применение веб-технологий стороны клиента для создания сайтов

венной строчки, вызывающей окно предупреждения. Ранее именно эта строка

кода фигурировала в нашем примере в виде значения атрибута onclick.

Еще один возможный способ связи скриптов с веб-страницами состоит в

использовании псевдопротокола (имени схемы URL) javascript в

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

вызов окна предупреждения осуществлялся при активации пользователем

гиперссылки (рис. 7.1). При этом никакие атрибуты обработчиков событий не

используются.

i Листинг 7.2. Использование псевдопротокола javascript в гилерссылках

function showAlert()

{

alert('Вы щелкнули по ссылке, спасибо!');

}

//—>

Щелкните по ссылке!ах/р>

L Щелкшгге по ссылке!

К

Глава 7. Создание интерактивных сайтов при помощи языка сценариев JavaScript 333

Впрочем, как вы понимаете, тот же самый эффект мы могли бы получить и

безо всяких функций, вот так:

Щелкните

по ссылке!а>

Функции JavaScript могут не только совершать те или иные заданные

действия, но и получать аргументы, влияющие на ход выполнения функции, а

также возвращать некоторые значения во внешнюю среду.

Подробнее обо всем этом мы поговорим в следующем разделе.