При використанні в рамках технології DHTML JavaScript код включається в HTML-код сторінки і виконується інтерпретатором, вбудованим в браузер. Код JavaScript вставляється в теги <script></script>.
Можливості:
--Додавання інтелекту сторінки
--Відстеження і обробка подій, що викликає користувач
--перевірка даних перед відправкою на сервер
--зміна оформлення та вмісту сторінки
--зміна структури сторінки
--створення анімаційних ефектів
--додаткові вікна (відкриття, закриття, розмір тощо).
Способи розташування та правила створення сценаріїв
Способи розташування:
1.В заголовку коду
2.В зовнішньому файлі (*.js)
В обох випадках ставляться теги <script></script> з атрибутами
Type –мова сценарію
Src –шлях до зовн файлу
Рекомендовано розміщати текст в заголовку, окрім:
1.якщо сценарій призначений для розміщення даних на сторінці, то його слід розташувати в тілі.
2.якщо сценарій звертається до елем, то його розташовують після елементу.
3.елем html можуть містити оператори js як значення атрибуту.
|
|
Правила роботи:
1.Чутлива до регістру.
2.Оператори розділяються «;».
3.Оператори можуть об’єднуватися в блоки {…}. Після «}» «;» не ставиться.
4.Можна вставити коментарі:
// - однорядкові
/*…*/ - багаторядкові
Деякі браузери не підтримують роботу js. Тут текст скрипта ставлять в html коментарі.
Робота з вікнами браузера у Java Script
Найпоширенішими методами управління вікнами браузера є:
1.Window.alert() – створює вікно повідомлення з кнопкою «ОК».
2. Window.confirm() – виводить вікно повідомлення із запитом, на яке можна відповісти: «так», «ні».
3. Window.prompt() – вікно із полями для введеня.
4. Window.Open(адрес файлу, імя вікна, параметри) – для створення нових вікон і має найбільше атрибутів.
адреса файлу - адреса файлу, спочатку завантажується в нове вікно;
ім'я вікна - дається новому вікна, щоб згодом посилатися на нього з скрипта;
параметри - набір елементів нового вікна браузера - рядок, у якому через кому в будь-якому порядку перераховуються пари параметр = значення. Якщо якийсь параметр не вказаний, буде застосовано значення за замовчуванням.
5. Window.close() – закриває вікно.
6. Window.focus() – для передачі фокусу у вікно (активне).