Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

WEB - дизайн / Лабораторные работы / Лабораторная работа №17 / Лабораторна робота №17 Оформление

.doc
Скачиваний:
0
Добавлен:
30.05.2020
Размер:
1.04 Mб
Скачать

Лабораторная работа 17

Тема: Доступ к объектам и сценариям. События.

Цель работы: ознакомиться с предпосылками создания динамического HTML. Изучить приемы работы с объектами. На практике освоить программирование с использованием встроенных функций языка JavaScrіpt.

Хід роботи

Пример:

Задание 1:

Напишите код, который:

  • Запрашивает по очереди значения при помощи prompt и сохраняет их в массиве.

  • Заканчивает ввод, как только посетитель введёт пустую строку, не число или нажмёт «Отмена». (рекомендация - использовать метод push())

  • Выводит сумму всех значений массива

Напишите код для вывода alert случайного значения из массива:

P.S. Код для генерации случайного целого от min to max включительно:

var rand = min + Math.floor( Math.random() * (max+1-min) );

Я сделал rand через swich потому-что псевдо случайное число всегда было одно и тоже что не устраивало меня!!!!!

Задание 1:

Ввывести время либо дату согласно варианту.

Место вывода и формат вывода тоже определяется согласно варианту.

Обратите внимание, ведущие нули должны присутствовать, то есть 1 мая 2014 должно быть 01.05.14, а не 1.5.14.

5,13,

21

день_недели, ДД/ММ/ГГГГ

ЧЧ:ММ:СС

в левом нижнем углу

Число часов, оставшихся до конца месяца

Контрольные вопросы

  1. Что такое HTML?

Язык HTML является языком разметки гипертекста. Он не рассчитан на выполнение каких-либо «активных» действий. Этим данный язык отличается от языков программирования.

  1. Как появился динамический HTML?

В настоящее время от Web-страниц требуют более широких возможностей. Так появился Динамический HTML.

  1. Как расшифровывается динамический HTML?

Динамический HTML (DHTML - Dynamic HTML) - сочетание обычного HTML и языка сценариев JavaScript. Более сложные вещи (обработка и хранение информации, получаемая от посетителя страницы) осуществляется с помощью языков программирования PHP, Perl.

  1. Язык JavaScript является языком программирования?

Язык JavaScript это не является языком Java. Язык JavaScript разработан в компании Netscape, а язык Java (универсальный язык программирования), разработан в компании Sun Microsystems. JavaScript-программа, т.е. скрипт (script), не может быть автономной. Она должна выполняться внутри Web-страницы.

  1. Что такое «событие»?

Событием называется некое действие, произошедшее на странице, в ответ на которое требуется выполнить какие-то операции – изменить форматирование страницы, передать данные на сервер и т.д.

  1. Что обозначает «onMouseOver»?

onMouseOver – курсор мыши над объектом

  1. Что обозначает «onMouseOut»?

onMouseOut – курсор мыши ушел с объекта

  1. В каком случае вывод сообщения произойдет по щелчку «мыши»?

: «Хозяином» может быть гиперссылка, а событиями – наведение на нее указателя мыши, или «кликнуть» на ней.

  1. В каком случае вывод сообщения произойдет при наведении указателя «мыши» на изображение?

<IMG SRC="image1.gif" onMouseOver="this.src='image2.gif'" onMouseOut="this.src='image1.gif'">

this – этот объект

this.src – свойство SRC этого объекта

где: image1.gif – начальный рисунок;

image2.gif – когда курсор «мыши» над рисунком;

image1.gif – после «ухода» курсора «мыши».

Вивод: на лаборатрной работе я ознакомился с предпосылками создания динамического HTML. Изучил приемы работы с объектами. На практике освоил программирование с использованием встроенных функций языка JavaScrіpt.

Литература

1. Симонович С.В. Информатика. Базовый курс. – Питер. 2005.

2. Руденко В.Э., Макарчук А.М., Патланжоглу М.А. Курс информатики. – Киев.2005.

3. Валентайн Ч., Минник. XHTML. - Вильямс. Москва-Санкт-Петербург-Киев.2006.

4. Титтел Э., Бурмейстер М. HTML4 для чайников. - Диалектика. Москва-Санкт-

Петербург-Киев.2006.

5. http://www.htmlhelp.com/.

6. http://www.dialektika.com/.

Соседние файлы в папке Лабораторная работа №17