Методические указания к лабораторным работам по дисциплине технологии разработки веб-систем индекс по учебному плану: в. Дв. 07. 01

 
onClick="statbar('Привет! Это окно состояния!');"> 
onClick="statbar('');"> 
 
Это пример прокрутки в строке состояния средствами JavaScript. 
. 
То есть функция 
scroll()
будет вызвана сразу же после загрузки HTML-
страницы. 
Через посредство процедуры onLoad вызывается функция scroll(). 
Первым делом в функции scroll() устанавливается таймер. Этим гарантируется, 
что функция scroll() будет повторно вызвана через 100 миллисекунд. При этом 
текст будет перемещен еще на один шаг и запущен другой таймер. Так будет 
продолжаться без конца.
 
Вопросы для самоконтроля: 
1
Для чего предназначена строка состояния? 

2
Можно ли осуществлять управление строкой состояния? 
3
Каким образом осуществляется вывод текста в строке состояния? 
4
При помощи какой функции можно запрограммировать компьютер 
на выполнение некоторых команд по истечении некоторого времени? 
5
Можно ли запрограммировать прокрутку в основной линейке? 
 
 
Лабораторное занятие № 7 
Тема: 
Предопределенные объекты 
Цель: 
Научить работать с предопределенными объектами: Date, Array, 
Math 
 
Задания: 
1
Ознакомиться с теоретическим материалом. 
2
Создайте документ, печатающий текущую дату и время. 
3
Создайте документ, создающий на экране изображение работающих 
часов. 
4
Создайте документ, использующий массив. 
 
Необходимые приборы: 
ПК, текстовый редактор Блокнот, браузер 
 
Методические рекомендации к выполнению лабораторной работы: 
 
Методические рекомендации к выполнению задания 1 
В JavaScript разрешено пользоваться некоторыми заранее заданными 
объектами. Примерами таких объектов могут служить Date, Array или Math.
Объект Date позволяет работать как со временем, так и с датой. Например, 
можно легко определить, сколько дней еще остается до следующего рождества. 
Или можете внести в HTML-документ запись текущего времени. 
Рассмотрим пример, который высвечивает на экран текущее время. 
Сперва мы должны создать новый объект Date. Для этого используем 
оператором 
new
:
today= new Date() 
Здесь создается новый объект Date, с именем 
today
. Если при создании 
этого нового объекта Date не указаны какие-либо определенные дата и время, 
то будут предоставлены текущие дата и время. То есть, после выполнения 
команды today= new Date() вновь созданный объект 
today
будет указывать 
именно те дату и время, когда данная команда была выполнена.
Объект Date предоставляет нам кое-какие методы, которые теперь могут 
применяться к нашему объекту 
today
. Например, этометоды - getHours(), 
setHours(), getMinutes(), setMinutes(), getMonth(), setMonth() итакдалее.
Обратите пожалуйста внимание, что объект Date лишь содержит определенную 
запись о дате и времени. Он не уподобляется часам, автоматически 
отслеживающим 
время 
каждую 
секунду, 
либо 
миллисекунду.
Чтобы зафиксировать какое-либо другие дату и время, мы можем 

воспользоваться видоизмененным конструктором (это будет метод Date(), 
который при создании нового объекта Date вызывается через оператор new):
today= new Date(1997, 0, 1, 17, 35, 23) 
При этом будет создан объект Date, в котором будет зафиксировано 
первое января 1997 года 17:35 и 23 секунд. Таким образом, выбираются дата и 
время по следующему шаблону:
Date(year, month, day, hours, minutes, seconds)
Для обозначения января необходимо использовать число 0, а не 1. Число 
1 будет обозначать февраль, ну и так далее.
Массивы играют в программировании очень важную роль. Массив 
может быть полезен там, где имеется много взаимосвязанных переменных. При 
этом к каждой из них можно получить доступ, воспользовавшись общим 
названием и неким номером. Допустим, есть массив в именем 
names
. В этом 
случае мы можем получить доступ к первой переменной с именем name, 
написав 
names[0]
. Вторая переменная носит 
name[1]
и так далее. Начиная с 
версии 1.1 языка JavaScript (Netscape Навигатор 3.0), можно использовать 
объект Array. Можно создать новый массив, записав myArray= new Array(). 
После этого можно начать заносить в массив значения:
myArray[0]= 17; 
myArray[1]= "Stefan"; 
myArray[2]= "Koch"; 
Массивы JavaScript обладают большой гибкостью. Например, нет нужды 
беспокоиться о размере массива - он устанавливается динамически. Если 
написать myArray[99]= "xyz", размер массива будет установлен 100 элементов. 
Не имеет значения, заносятся ли в массив числа, строки, либо другие 
объекты. Если необходимо в скрипте выполнять математические расчёты, то 
некоторые полезные методы для этого можно найти в объекте Math. Например, 
имеется метод random(). Напишем функцию, позволяющую генерировать 
случайные числа. Теперь, чтобы работать на всех без исключения платформах, 
нам не нужно ничего, кроме метода random(). 
Если вызвать функцию Math.random(), то получите случайное число, 
лежащее в диапазоне между 0 и 1. Один из возможных результатов вызова 
document.write(Math.random()) (при каждой новое загрузке данной страницы 
здесь будет появляться другое число):
0.9070647660301312 

жүктеу/скачать 0,75 Mb.

Достарыңызбен бөлісу: