- •Методические указания по выполнению лабораторных работ
- •Задание
- •Часть вторая
- •Задание
- •Часть третья
- •Задание
- •Часть четвертая
- •Рассморим скрипт
- •Задание
- •Лабораторная работа № 2
- •Разбор скрипта
- •Задание
- •Команды и эффекты
- •Задание
- •Лабораторная работа № 3
- •Рассмотрим скрипт.
- •Разбор скрипта
- •События onMouseOut и onUnload
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 4
- •Разбор скрипта
- •Продолжаем рассматривать работу с окнами. Скрипт
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 5
- •Часть 1
- •Разбор скрипта
- •Часть 2
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание № 1
- •Задание № 2
- •Задание № 3
- •Лабораторная работа № 6
- •Скрипт:
- •Разбор скрипта
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание по первой части
- •Задание по второй части
- •Задание по третьей части
- •Начало формы
- •Конец формы
- •Часть вторая
- •Разбор скрипта
- •Часть третья
- •Разбор скрипта
- •Часть четвертая
- •Разбор скрипта
- •Случайное число
- •Лабораторная работа № 8
- •Разбор скрипта
- •Часть вторая
- •Разбор скрипта
- •Задания Задание к первой части
- •Задание ко второй части
Задание
Измените скрипт так, чтобы вышли две строки текста, красная и синяя. Но вам придется дописать несколько команд Javascript, а не просто добавить немного HTML к приведенному примеру. Используйте команду <BR> в конце первого примера, чтобы текст располагался на двух строках.
Попробуйте изменить заголовок страницы с помощью скрипта, используя, для этого соответствующий тег (<title>). Попробуйте добавить на страницу список содержащий 3-5 элементов (это тоже необходимо сделать с помощью скрипта).
<SCRIPT LANGUAGE="javascript">
document.write("<FONT COLOR='RED'>Иван рубил дрова</FONT><BR>")
document.write("<FONT COLOR='BLUE'>Варвара топила печь</FONT>")
</SCRIPT>
Часть вторая
JavaScript — это чрезвычайно логичный язык, требующий, чтобы все шло своим чередом, друг за дружкой. Допустим, у вас 10 ошибок в длинном скрипте. Сообщения накладываются одно на другое, и последняя обнаруженная компьютером ошибка окажется сверху. Не набрасывайтесь на нее сразу, возможно, в действительности ее даже не существует. Может случиться так, что первая ошибка в скрипте и вызовет все остальные. Так что исправлять их следует от начала документа HTML. Поэтому исправляйте ошибки по одной от начала до конца. И каждый раз, исправив одну ошибку, запускайте скрипт. Можно получить 20 окошек с восклицательным знаком, а исправлять придется одну или две ошибки.
«Определение отсутствует» – Эта ошибка сценария тоже часто встречается. Она означает, что в скрипте что-то не согласовано. Случаются и банальные опечатки. Приглядитесь к тексту повнимательнее, опечатки случаются чаще, чем можно себе представить. Вот практически все, что на данном этапе можно сказать про ошибки.
Задание
Ниже приведен текст скрипта.
<html>
<head>
<title>Испорченный скрипт</title>
<link REL="STYLESHEET" TYPE="text/css" HREF="blue1.css" tppabs="http://jsp.newmail.ru/blue1.css">
</head>
<body>
<script LANGUAGE="JavaScript">
...x
dothis = new Date()
month = dothis.getMonth()
month = (month * 1) + 1
day = dothis.getDate()
year = dothis.getFullYear()
document.wrte(" ",day,"/",month,"/",year," ")
</script>
<p>"Попробуйте найти ошибку!"</p>
</body>
</html>
Скопируйте его в новый тесктовый файл с расширением html и откройте в Internet Explorer. Загружая страницу, браузер должен выдать вам два сообщения об ошибке. Исправьте их. Некоторые команды покажутся вам незнакомыми, но это неважно. Из сообщения вы получите достаточно информации, чтобы наладить скрипт. Если он заработает, то на странице появится сегодняшняя дата. Каждая ссылка откроется в новом окне.
Подсказка: возможно, сначала вы получите только одно сообщение. Вторая ошибка появится, когда вы исправите первую.
Так действует скрипт - показывает дату. Вам пришлось столкнуться с двумя ошибками. Во-первых, ничего не означающая строка "...x. Нужно сразу ее стереть. Опечатку в "document.wrte" Правильно "write".
Часть третья
Работа с Датой-Временем
Рассмотрим семь методов объекта: getDay(), getDate(), getMonth(), getYear(), getHour(), getMinute(), и getSecond() (получитьДень, Число, Месяц, Год, Час, Минуту, Секунду). Все они уже существуют, их можно взять и поместить на страницу.
Разберем скрипт:
<SCRIPT LANGUAGE="JavaScript">
//Скрипт отмечает точную дату и время вашего прибытия на страницу
Now = new Date(); document.write("Сегодня " + Now.getDate()+ "-" + Now.getMonth() + "-" + Now.getFullYear() + ". Вы зашли на мою страницу ровно в: " + Now.getHours() + ":" + Now.getMinutes() + " и " + Now.getSeconds() + " секунд.")
</SCRIPT>
Результатом всех методов являются цифры и об этом необходимо помнить. Даже метод getDay(), который отвечает за день недели, выражается цифрой от единицы до семи. Начнем с месяца. Как уже говорилось раньше, getMonth() — это метод, отвечающий за месяц. getMonth() является методом объекта Date. Взгляните на скрипт еще раз. Date занимает отдельное место в команде:
Now = new Date();
Таким образом устанавливается объект, с которым будет работать метод getMonth(). Имея дело с датой и временем, всякий раз пользуйтесь той же схемой. Нужно создать объект. Объект называется Now. Команда говорит: Now — это объект, который представляет new Date(). Дата обязательно должна быть новой. Таким способом вы будете получать новую дату каждый раз, когда заходите на страницу или обновляете ее.
Обратите внимание и на точку с запятой в конце. Она указывает на то, что строка JavaScript закончена.
Нам нужно напечатать месяц на странице, значит, где-то должна быть команда document.write().
Для слияния текста используется знака «плюс» + между элементами. Объект и метод разделены точкой, так что команда напечатать месяц выглядит так: Now.getMonth().
И вот что получилось:
<SCRIPT LANGUAGE="javascript">
//Скрипт напечатает на странице номер месяца
Now = new Date(); document.write("Сейчас месяц " + Now.getMonth())
</SCRIPT>
Метод Now.getFullYear сообщит год.