Лабораторная работа 13 - Управление сценариями просмотра Web-страниц с помощью JavaScript.( 2 балла)
Информация о дате последнего изменения документа.
Для этого в HTML-теге <A> используется свойство lastModified объекта Document. Информацию можно выводить в диалоговое окно. Для этого используется метод alert() объекта Window и обработчик событий onMouseOver, включенные в HTML-тег <A>. В окне есть кнопка "OK", которая закрывает диалоговое окно.
1 |
<A href="http://www.kstu.ru" onmouseover="alert('Дата последней модификации этого документа - ' + document.lastModified)">Наведите мышку на ссылку</A> |
Вывод текущей даты
Используется объект Date и метод write объекта document.
Дата клиентского компьютера!
Текущая дата вашего компьютера: Tue Nov 28 2006 14:22:55 GMT+0300 (MSK).
Исходник:
1 2 3 4 5 |
<SCRIPT LANGUAGE="JavaScript"> current_date = new Date(); document.write("<p><b>Текущая дата вашего компьютера:</b> " + current_date + ".<p>"); </SCRIPT> |
Также можно вывести сокращенный вариант для этого используются методы getDate, getMonth, getYear. Обратите внимание, что нумерация месяцев начинается с нуля.
Число: 28.10.106.
Исходник:
Или для времени getHours, getMinutes, getSeconds такой вариант:
Время: 14.22.55.
Исходник:
Идущие часы
Идущие часы можно поместить в строке статуса и в самом HTML документе.
Первый пример - скрипта, создающего часы в строке статуса при загрузке документа:
Создаем функцию
Вызываем функцию при загрузке документа в тэге <body>
1 |
<body onLoad="clock_status()">
|
Работающие часы смотрите в строке статуса.
Второй пример обратите внимание, что функция вызывается в теле документа, а не в HTML-теге <body> как в предыдущем примере.
Создаем функцию
Создаем форму
Вызываем функцию в теле документа
Работающий пример:
Третий пример - скрипта, создающего часы (в сокращенном варианте) в поле form
Создаем функцию
Создаем форму
Вызываем функцию в теле документа
Работающий пример:
Практические задания
Задание 1
-
Сделайте на первой странице вывод текущей даты.
-
Сделайте на первой странице вывод текущего времени.
-
Проверьте работоспособность на сервере.
Задание 2
-
Сделайте на первой странице идущие часы (чч.мм.сс).
-
Проверьте работоспособность на сервере.
К сдаче лабораторной предоставляются: работающие страницы на сервере.