Информатика и выч. техника \ Информационные технологии и системы

Использование языка JavaScript при разработке HTML-документов, страница 21

Обработчиком события является функция произвольного формата. Чтобы связать объект на html-странице, событие и обработчик события в теле соответствующего тега нужно написать конструкцию: событие="вызов обработчика". Например тег

<IMG src=small.gif onclick="ShowBigImage('big.gif');">

указывает браузеру, что при щелчке мышкой на картинке должна вызываться функция ShowBigImage с аргументом "big.gif". Обратите внимание на то, как в примере использованы кавычки. Такой приём позволяет избежать неверного распознавания текста браузером.

5. Пример HTML-документа с java-скриптами

Существует богатое разнообразие java-скриптов, ограничиваемое лишь возможностями, предоставляемыми браузерами, и фантазией web-программистов. Следующие примеры скриптов, вставленные в одну html-страницу, демонстрируют основные приёмы программирования на JavaScript.

<HTML>

<HEAD>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">

<!-- Скрипт к примеру 1 -->

<SCRIPT LANGUAGE="JavaScript">

<!-- // Здесь комментарий не мешает исполнению скрипта

// Используем стандартный класс Array для задания массива картинок

img_arr = new Array(9)

img_arr[0] = 'Images1/eyes_lu.gif'

img_arr[1] = 'Images1/eyes_u.gif'

img_arr[2] = 'Images1/eyes_ru.gif'

img_arr[3] = 'Images1/eyes_l.gif'

img_arr[4] = 'Images1/eyes_.gif'

img_arr[5] = 'Images1/eyes_r.gif'

img_arr[6] = 'Images1/eyes_ld.gif'

img_arr[7] = 'Images1/eyes_d.gif'

img_arr[8] = 'Images1/eyes_rd.gif'

// Функция, обновляющая картинку

function myShowImage(id) { document.center_image.src = img_arr[id]; }

// Функция, генерирующая периферийную ячейку таблицы

function WriteRef(id)

{

    // Определим в ячейке таблицы якорь - гиперссылку без URL

    document.write('<TD><A OnMouseOver="myShowImage('+id+');">');

    document.write('<IMG border=0 src=Images/1x1.gif width=150 height=150>');

    document.write('</A></TD>');

Скачать файл