Лабораторна робота №1

ОБ’ЄКТ WINDOW, УПРАВЛІННЯ ВІКНАМИ

Мета роботи: ознайомитись з основами JavaScript DOM, вивчити основні
методи роботи з вікнами.

Теоретичні відомості

Тема 1 лекційного матеріалу:

1. JavaScript розміщення коду
2. JavaScript оголошення
3. JavaScript синтаксис
4. JavaScript змінні
5. JavaScript типи даних
6. JavaScript перетворення типів даних
7. JavaScript оператори
8. JavaScript оператори умови
9. JavaScript цикли

Тема 2 лекційного матеріалу:

1. DOCUMENT OBJECT MODEL
• HTML DOM
2. JavaScript. Об’єкт window
• document
• Діалогові вікна
• Таймери
• location
• history
• navigator
• screen
• Властивості та методи
Порядок виконання роботи
1. Ознайомитись з лекційним матеріалом.
2. Відкрити редактор (текстовий редактор або інше програмне середовище
для розробки сторінок) і написати в ньому текст програм відповідно до
індивідуального завдання.
3. Відкрити його в браузері і перевірити програму на наявність помилок.
 Таблиця відповідності індивідуальних завдань

Варіант Завдання 1 Завдання 2 Завдання 3 Завдання 4

1, 8, 15 1 1 1 Див. завдання 4
2, 9, 16 2 2 2 Див. завдання 4
3, 10, 17 3 3 3 Див. завдання 4
4, 11, 18 4 4 1 Див. завдання 4
5, 12, 19 5 1 2 Див. завдання 4
6, 13, 20 6 2 3 Див. завдання 4
7, 14, 21 7 3 1 Див. завдання 4

Завдання 1
1. При завантаженні HTML-сторінки з’являється діалогове вікно alert.
Напис в діалоговому вікні має містити URL-адресу завантаженої
сторінки.
2. При завантаженні HTML-сторінки з’являється діалогове вікно alert.
Напис в діалоговому вікні має містити кількість URL в історії сторінки.
3. При завантаженні HTML-сторінки з’являється діалогове вікно alert.
Напис в діалоговому вікні має містити назву браузера та інформацію про
версію браузера.
4. При завантаженні HTML-сторінки з’являється діалогове вікно alert.
Напис в діалоговому вікні має містити інформацію про ширину та висоту
екрану.
5. При завантаженні HTML-сторінки з’являється діалогове вікно alert.
Напис в діалоговому вікні має містити інформацію про те, чи увімкнуто
використання cookies в браузері.
6. При завантаженні HTML-сторінки з’являється діалогове вікно alert.
Напис в діалоговому вікні має містити інформацію про мову браузера
(яка мова використовується в браузері).
7. При завантаженні HTML-сторінки з’являється діалогове вікно alert.
Напис в діалоговому вікні має містити інформацію про колірну роздільну
здатність (біт на піксель) екрану.

Завдання 2
1. При завантаженні HTML-сторінки з’являється діалогове вікно prompt,
яке запрошує користувача ввести число в межах від 0 до 100. Якщо
введене число є менше 50 – то виводиться діалогове вікно alert з
повідомленням «незадовільно», якщо число в межах від 50 до 70 –
«задовільно», від 71 до 87 – «добре», від 88 до 100 – «відмінно».
2. При завантаженні HTML-сторінки з’являється діалогове вікно prompt,
яке запрошує користувача ввести своє ім’я. Після введення імені (після
натискання на кнопку ОК) має з’явитись діалогове вікно alert з
повідомленням «Привіт <введене користувачем ім’я>».
 3. При завантаженні HTML-сторінки з’являється діалогове вікно prompt,
яке запрошує користувача ввести назву своєї групи. Після введення назви
групи (після натискання на кнопку ОК) має з’явитись діалогове вікно alert
з повідомленням «Ви є студентом групи <введена назва групи>».
4. При завантаженні HTML-сторінки з’являється діалогове вікно prompt,
яке запрошує користувача ввести назву свого рідного міста. Після
введення назви міста (після натискання на кнопку ОК) має з’явитись
діалогове вікно alert з повідомленням «<Введена назва міста> - ваше
рідне місто!».

Завдання 3
1. При завантаженні HTML-сторінки з’являється діалогове вікно confirm,
яке виводить запитання «Чи хочете ви перейти на сторінку GOOGLE?».
Якщо користувач натискає на кнопку ОК – у поточне вікно
завантажується адреса https://www.google.com. Якщо користувач натискає на
кнопку Cancel – то виводиться діалогове вікно alert з написом «Перехід
на GOOGLE скасовано».
2. При завантаженні HTML-сторінки з’являється діалогове вікно confirm,
яке виводить запитання «Ви студент НУ «Львівська політехніка»?».
Якщо користувач натискає на кнопку ОК – у поточне вікно
завантажується адреса http://lp.edu.ua/. Якщо користувач натискає на
кнопку Cancel – то виводиться діалогове вікно alert з написом «Ви не
студент».
3. При завантаженні HTML-сторінки з’являється діалогове вікно confirm,
яке виводить запитання «Надрукувати вміст вікна»?». Якщо користувач
натискає на кнопку ОК – відбувається друк поточного вікна. Якщо
користувач натискає на кнопку Cancel – то виводиться діалогове вікно
alert з написом «Друк відмінено».

Завдання 4
На html-сторінці розміщено дві кнопки. При натисканні на кнопку №1
відкривається нове вікно з заданими параметрами. При натисканні на кнопку №2
нове вікно закривається. В нове вікно має бути завантажено сайт НУ «Львівська
політехніка».
Варіант Висота Ширина Наявність Наявність Наявність
вікна вікна панелі смуг панелі
location прокручування інструментів
1, 8, 15 300 500 + + +
2, 9, 15 200 600 + + -
3, 10, 17 400 600 + - -
4, 11, 18 400 400 - + +
5, 12, 19 600 500 - + -
6, 13, 20 300 900 - - +
7, 14, 21 500 400 - - -

Зміст звіту
1. Титульна сторінка.
2. Мета роботи.
3. Короткі теоретичні відомості.
4. Порядок виконання роботи.
5. Результати виконання індивідуального завдання (лістинг html-файлу (js-
файлу) та скріншот роботи програми).
6. Висновки.