
- •Лабораторная работа № 7 Использование языка JavaScript при разработке html-документов
- •1. Теоретические сведения
- •2. Краткие сведения о языке JavaScript
- •2.1. Типы данных
- •2.2. Литералы
- •2.3. Операторы
- •2.4. Функции
- •2.5. Классы и объекты
- •2.6. Массивы
- •3. Объекты, методы, свойства и функции JavaScript
- •3.1. Объектная модель
- •3.2. Описание свойств, функций, объектов, методов и событий
- •4. Внедрение java-скриптов в html-документ
- •5. Пример html-документа с java-скриптами
- •Лабораторное задание и порядок его выполнения
- •Требования к отчету
- •Варианты заданий
Лабораторное задание и порядок его выполнения
Ознакомиться с основами технологии разработки web-приложений с использованием java-скриптов и освоить ее на примере, приведённом в описании лабораторной работы. Ниже приведённые задания имеют по несколько различных решений, каждое из которых правильное.
Написать класс-массив, как это описано в разработке. С помощью этого класса описать таблицу согласно варианту или придумать таблицу самостоятельно. С помощью java-скрипта вывести данную таблицу на экран без использования обработчиков событий.
Создать форму из кнопки и элемента формы textarea или text. По нажатию на кнопку выводить в текстовое поле по очереди одну из двух предопределённых строк и количество нажатий на кнопку.
Создать html-страницу, содержащую картинку. Написать скрипт, который по загрузке страницы периодически меняет картинку на одну из набора картинок в порядке очереди. По достижении конца набора начинать вывод с первой картинки в наборе. Подставляемые картинки для удобства рекомендуется описать в форме массива.
Продемонстрировать функционирование разработанных html-страниц преподавателю.
Оформить отчет по результатам выполнения лабораторной работы.
Требования к отчету
Отчёт должен содержать:
название и цель работы;
краткие сведения о языке JavaScript и HTML;
тексты разработанных java-скриптов и html-страниц.
Варианты заданий
Ниже приведены варианты таблиц для вывода с помощью java-скрипта. Выбрать любой понравившийся вариант, учитывая, что третий вариант самый сложный. Заголовок таблицы можно написать на HTML.
Вариант 1.
Список животных
Животное |
Число ног |
Место обитания |
Страус |
2 |
Африка, Австралия |
Слон |
4 |
Африка, Индия |
Сверчок |
6 |
Европа |
Паук |
8 |
Везде, кроме Антарктиды |
Вариант 2.
Олимпийские виды спорта
Вид спорта |
Число игроков |
Теннис |
2 |
Хоккей |
12 |
Футбол |
22 |
Вариант 3.
Отчёт о продажах продукции
Месяц |
Продукция |
Продано, шт. |
Январь |
Микросхемы |
10 000 |
Компьютеры |
50 | |
Февраль |
Микросхемы |
30 500 |
Компьютеры |
81 |
© Илюшечкин В.М., Илюшечкина Л.В. МИЭТ, 2003
© Серёгин А. Ю., МИЭТ, 2004