Система уроків з JavaScript

Насамперед, зверніть увагу на область заголовка документа, виділену операторами та . Крім того, в тілі документа HTML є ще один розділ сценаріїв, виділений аналогічним чином: Змінна з ім'ям szHelloMsg визначається за допомогою оператора var, причому їй відразу ж надається початкове значення - текстова рядок "Hello, world!".

Крім змінної szHelloMsg, в області заголовка документа HTML за допомогою ключового слова функція визначено функцію з ім'ям printHello. Ця функція викликається зі сценарію, розташованого в тілі документа і виводить у документ HTML значення змінної szHelloMsg.

Інтерпретація документа HTML та вбудованих у нього сценаріїв відбувається у міру завантаження документа. Тому якщо в сценарії одні функції викликає інші або використовують певні в документі змінні, то їх визначення (функцій, що викликаються, і змінних) необхідно розмістити вище викликають. Розміщення визначення змінних та функцій у розділі заголовка документа гарантує, що вони будуть завантажені до моменту завантаження тіла документа.

Варіація четверта: з діалоговою панеллю повідомлення

Лістинг 1.6.

Варіація п'ята: з діалоговою панеллю введення інформації

У цьому прикладі розглядається використання діалогової панелі введення інформації. Введений у діалоговій панелі текстовий рядок виводиться у вікні браузера.

Лістинг 1.7.

Діалогова панель введення інформації викликається за допомогою функції prompt. В якості параметрів функції передається вступне повідомлення для користувача і початкове значення текстового рядка, що запитується (у наведеному прикладі - порожнє).

Варіація шоста: обробка події

Лістинг 1.8.

Можна встановлювати обробники різних подій, таких як: завантаження сторінки, клацання за посиланням або кнопкою форми, вибір посилання або поля форми та ін.

---