Всё для Учёбы — студенческий файлообменник
1 монета
pdf

Студенческий документ № 005309 из ИУБиП

Лабораторное занятие № 15

Тема: Работа с массивами

Цель: Рассмотреть принципы организации массивов на веб-страницах

Задание:

1 Рассмотреть пример программы с использованием массива.

2 Напишите программу JavaScript, которая содержит кнопку с надписью: "Щелкните, чтобы попасть на случайный сайт". Когда пользователь нажмет на нее, запустится функция, которая наугад выберет число и сайт из массива внутри команды JavaScript top.location.href = urls[num]. top (вершина) - это свойство объекта window, оно относится к главному окну браузера. location.href, другой объект со свойством, содержит адрес URL.

Необходимые приборы: ПК, текстовый редактор Блокнот, браузер

Методические рекомендации к выполнению лабораторной работы:

Методические рекомендации к выполнению задания 1

Каждая переменная имеет одно значение, но иногда вам необходим массив (array), или переменная, которая имеет множество значений.

Рассмотрим пример, в котором программа просит пользователя угадать телевизионный канал из перечня телеканалов. Запрос повторяется до тех пор, пока пользователь не угадает. Каждый раз при нажатии кнопки выбирается новый телеканал. Скрипт:

tv=new Array() tv[0]="ОРТ" tv[1]="РТР" tv[2]="ТВЦ" tv[3]="НТВ" tv[4]="ТВ6"

num=0

function picktv() {now=new Date() num=(now.getSeconds())%5}

function whichtv(){

picktv() guess=" " while (tv[num] != guess.toUpperCase())

{guess=prompt("Угадайте мой любимый телеканал:

ОРТ, РТР, ТВЦ, НТВ или ТВ6?") if (guess.toUpperCase() == tv[num]) {alert("Это мой любимый телеканал!")} Else

{alert("Нет, попробуйте еще раз.")}} }

Разборскрипта

tv=new Array() tv[0]="ОРТ" tv[1]="РТР" tv[2]="ТВЦ" tv[3]="НТВ" tv[4]="ТВ6" num=0

• tv=newArray() объявляет, что tv представляет собой массив. С пустыми (скобками) массив может быть какой угодно длины. Можно также указать длину массива, например, tv=new Array(5).

• Помните, что массив array может иметь множество значений. Можно представить себе массив в виде таблицы:

tv[0] tv[1] tv[2] tv[3] tv[4] ОРТ РТР ТВЦ НТВ ТВ6 • Обратите внимание, мы заранее указываем переменную num, у которой одно значение, равное 0, и массив tv, который имеет 5 значений.

• Теперь функция picktv(): function picktv() { now=new Date() num=(now.getSeconds())%5}

• Функция picktv() наугад выбирает число от 0 до 4, которое становится индексом tv. Помните, от нуля до четырех ПЯТЬ чисел. То есть если num равно 2, то любимый телеканал - tv[2], или ТВЦ.

• Теперь функции whichtv() и picktv():

function whichtv()

{ picktv() guess=" "

while (tv[num] != guess.toUpperCase())

{guess=prompt("Угадайте мой любимый телеканал: ОРТ, РТР, ТВЦ, НТВ или ТВ6?") if (guess.toUpperCase() == tv[num]) {alert("Это мой любимый телеканал!")}

Else

{alert("Нет, попробуйте еще раз.")}}

} Команда guess=prompt должна находиться полностью на одной строке.

• Вот кое-что новенькое! Видите, первым делом функция вызывает другую функцию, picktv(). Таким образом, когда бы вы ни нажали на кнопку, будет выбираться новый телеканал.

• Строкаwhile (tv[num] != guess.toUpperCase()). Метод или действие toUpperCase() (в верхний регистр) используется для перевода всего, что бы вы ни напечатали, в верхний регистр.

• Программа повторяет цикл While, пока пользователь не угадает правильный телеканал. Фрагмент с циклом While уже должен казаться вам вполне знакомым.

• Обратите внимание на If и Else. В игре возможны только два результата: либо вы правы, либо ошибаетесь. ? Теперь кнопка, которая все это запускает:

Еще кое-что о массивах:

В JavaScript есть несколько встроенных массивов. В массивах можно указывать формы. Можете передать форму командой document.myform или document.forms[0], если это первая форма. Массивы всегда начинаются с нуля. Вторая будет document.forms[1]. Третья document.forms[2] и так далее...

Для рисунков тоже есть готовый массив. Можно указать pic1.gif как document.pic1.src или как document.images[0].src. Просто продолжайте следовать схеме, прибавляя номер в [квадратных скобках].

Методические рекомендации к выполнению задания 2

Напишите программу JavaScript, которая содержит кнопку с надписью: "Щелкните, чтобы попасть на случайный сайт". Когда пользователь нажмет на нее, запустится функция, которая наугад выберет число и сайт из массива внутри команды JavaScript top.location.href = urls[num]. top (вершина) - это свойство объекта window, оно относится к главному окну браузера. location.href, другой объект со свойством, содержит адрес URL.

Примерныйскрипт:

url=new Array() url[0]="http://www.jsp.newmail.ru/les5.htm" url[1]= "http://www.jsp.newmail.ru/les10.htm" url[2]= "http://www.jsp.newmail.ru/les15.htm" url[3]="http://www.jsp.newmail.ru/les20.htm" function rand() { now=new Date() num=(now.getSeconds())%4 top.location.href = url[num] }

Случайнаяурла

Вопросы для самоконтроля:

1 Каким образом осуществляется работа с массивами?

2 В каких случаях обязательно использование массивов?

3 Дайте определение понятия массив.

4 Какие виды массивов существуют?

5 Какие команды используются для организации работы с массивами?

Показать полностью… https://vk.com/doc62771886_249148698
205 Кб, 11 декабря 2013 в 10:53 - Россия, Ростов-на-Дону, ИУБиП, 2013 г., pdf
Рекомендуемые документы в приложении