Лабораторна робота № 11 Програмування на мові JavaScript(використання засобів об'єктної моделі документу)

1. Мета роботи

Метою роботи є отримання навичок використання властивостей і методів, що надаються об'єктною моделлю документу(DOM) і засобів обробки подій для створення інтерактивних Web- сторінок з використанням мови сценаріїв JavaScript.

2. Склад робочого місця

2.1. Устаткування: IBM- сумісний персональний комп'ютер(ПК).

2.2. Програмне забезпечення: операційна система Windows, Web- браузер Internet Explorer версії 6.0 і вище.

3. Підготовка до лабораторної роботи

Для підготовки до виконання лабораторної роботи необхідно повторити наступні розділи (дивись електронний конспект лекцій по розділу 4 «Технології програмування»).

4. Порядок виконання роботи

Створіть інтерактивну Web- сторінку з використанням мови JavaScript по одному з приведених нижче варіантів.

Варіант 11-01

Создайте Web-страницу, в которой определяются и, с помощью метода alert, выводится список всех значений атрибута id в элементах страницы, содержащих текстовые узлы, а затем с помощью метода prompt для заданных идентификаторов задается новое содержимое текстового узла (признаком окончания изменения идентификаторов является ввод пустой строки).

Варіант 11-02

Создайте Web-страницу, в которой в таблице подсчитывается сумма значений для заданного с помощью метода prompt номера столбца и к таблице добавляется строка с результатом.

Варіант 11-03

Создайте Web-страницу, в которой определяются и, с помощью метода alert, выводится общее количество заголовков и количество заголовков каждого уровня в документе, а также их идентификаторы (значения атрибута id), а затем с помощью метода prompt для заданных идентификаторов задается новый текст заголовка (признаком окончания изменения заголовков является ввод пустой строки).

Варіант 11-04

Создайте Web-страницу, в которой для текстового элемента, начальная подстрока которого имеет заданное содержимое, заменяется содержимое. Ввод начальной подстроки элемента и нового содержимого элемента выполняется с помощью метода prompt.

Варіант 11-05

Создайте Web-страницу, в которой перед абзацем, начальная подстрока которого имеет заданное содержимое, вставляется заголовок заданного уровня. Ввод начальной подстроки элемента, уровня заголовка и содержимого заголовка выполняется с помощью метода prompt.

Варіант 11-06

Создайте Web-страницу, в которой абзац, начальная подстрока которого имеет заданное содержимое, помещается перед абзацем, имеющим заданное содержимое. Ввод начальных подстрок абзацев выполняется с помощью метода prompt.

Варіант 11-07

Создайте Web-страницу, в которой заголовок, начальная подстрока которого имеет заданное содержимое, помещается перед абзацем, начальная подстрока которого имеет заданное содержимое. Ввод начальной подстроки заголовка и элемента выполняется с помощью метода prompt.

Варіант 11-08

Создайте Web-страницу, в которой удаляется текстовый элемент, начальная подстрока которого имеет заданное содержимое. Ввод начальной подстроки элемента и элемента выполняется с помощью метода prompt.

Варіант 11-09

Создайте Web-страницу, в которой в абзаце, начальная подстрока которого имеет заданное содержимое, удаляется предложение с заданным индексом. Ввод начальной подстроки абзаца и индекса предложения в абзаце выполняется с помощью метода prompt.

Варіант 11-10

Создайте Web-страницу, в которой изменяется заголовок, начальная подстрока которого имеет заданное содержимое. Ввод начальной подстроки заголовка и нового уровня заголовка (числа в диапазоне от 1 до 6) выполняется с помощью метода prompt.

Варіант 11-11

Создайте Web-страницу, в которой перед абзацем, начальная подстрока которого имеет заданное содержимое, вставляется новый абзац. Ввод начальной подстроки абзаца и содержимого нового абзаца выполняется с помощью метода prompt.

Варіант 11-12

Создайте Web-страницу, в которой в абзаце, начальная подстрока которого имеет заданное содержимое, заменяется предложение с заданным индексом. Ввод начальной подстроки абзаца, индекса предложения в абзаце и нового содержимого предложения выполняется с помощью метода prompt.

Варіант 11-13

Создайте Web-страницу, в которой определяются и, с помощью метода alert, выводится общее количество изображений, а также их идентификаторы (значения атрибута id), а затем с помощью метода prompt для заданных идентификаторов задается новое изображение (признаком окончания изменения изображений является ввод пустой строки).

Варіант 11-14

Создайте Web-страницу, в которой в абзаце, начальная подстрока которого имеет заданное содержимое, вставляется предложение перед предложением с заданным индексом. Ввод начальной подстроки абзаца, индекса предложения и содержимого нового предложения выполняется с помощью метода prompt.

Варіант 11-15

Создайте Web-страницу, в которой содержимое двух абзацев, начальные подстроки которого имеет заданное содержимое, меняется местами. Ввод начальных подстрок абзацев выполняется с помощью метода prompt.

5. Питання для самоконтролю

Які об'єкти Web- браузеру визначені для Internet Explorer і Netscape Navigator?

Якими стосунками пов'язані між собою об'єкти Web- браузеру?

Що визначає об'єктна модель документу(DOM) і яке її призначення? Яке графічне представлення DOM? Які можливості надає програмістові DOM?

Які типи вузлів визначені в DOM для HTML?

Як у властивостях інтерфейсу Node відбивається ієрархічна структура документу? Які операції з вузлами визначені для інтерфейсу Node?

Які елементи документу можна створити з використанням методів інтерфейсу Document?

Які методи визначені в інтерфейсі Document для пошуку елементів документу?

Які методи отримання і зміни атрибутів елементу визначені в інтерфейсі Element?

Які уточнення опису об'єктів, властивостей і методів документу містяться в специфікації DOM HTML?

Що таке колекція і як проводиться доступ до елементів колекції? Які властивості-колекції визначені для документу HTML?