В JavaScript есть несколько встроенных массивов. Формы можно хранить в массивах. На форму можно ссылаться с помощью document.myform или document.forms[0], если это первая форма. Массивы всегда начинаются с нуля. Вторая форма будет document.forms[1]. Третья — document.forms[2] и так далее...
Изображения также можно хранить во встроенном массиве. Можно ссылаться на pic1.gif как document.pic1.src или как document.images[0].src. Просто продолжайте следовать схеме, указывая номер в [квадратных скобках].
Теперь, наверное, стало понятно, что такое массивы.
Задание
Напишите программу JavaScript, которая содержит кнопку с надписью: "Щелкните, чтобы попасть на случайный сайт". Когда пользователь нажимает ее, выполняется функция, которая выберет случайное число и сайт из массива с помощью команды JavaScript top.location.href = urls[num]. top (вершина) — это свойство объекта window, оно относится к главному окну браузера. location.href, другой объект и свойство, содержит адрес URL.
Возможное решение
Это задание очень напоминает пример из этого урока, за исключением того, что нужно указать ряд адресов URL по схеме url[0]. Однако в результате сценарий должен отправить пользователя на выбранную страницу.
|
|
27. Урок: Слайд-шоу
Динамическая загрузка и обновление изображений.
Концепция
Последние три урока посвящены тому, чтобы помочь читателю собрать в целое полученные знания. Далее следуют три популярных сценария JavaScript, которые будут частично проанализированы. Часть работы будет поручена читателю.
Посмотрите на скрипт и попробуйте разобраться, как и что он делает. Выделите части, которые создают определенные события. А лучше всего постарайтесь немного изменить его в лучшую сторону.
В этом примере показано слайд-шоу. Пользователь щелкает по ссылке и переходит к следующей картинке. Мы воспользуемся командой If и переменной num. Ничего нового? Не совсем!
Сценарий
<HTML><HEAD><SCRIPT type="text/javascript"> var num=1 img1 = new Image () img1.src = "pic1.gif" img2 = new Image () img2.src = "pic2.gif" img3 = new Image () img3.src = "pic3.gif" function slideshow() { num=num+1 if (num==4) {num=1}document.animal.src=eval("img"+num+".src") }</SCRIPT></HEAD><BODY><CENTER><IMG SRC="pic1.gif" NAME="animal" BORDER=0><p> <A HREF="JavaScript:slideshow()"> Щелкните, чтобы увидеть следующую картинку</A> </CENTER></BODY></HTML>