Javascript 1


Мал. 1. Вікно попереджувальних повідомлень в браузері Internet Explorer


Мал. 2. Вікно попереджувальних повідомлень в браузері Netscape Navigator


Мал. 3. Вікно підтвердження в браузері Internet Explorer


Мал. 4. Вікно підтвердження в браузері Netscape Navigator

Javascript 1

Мал. 5. Вікно запитів в браузері Internet Explorer

Javascript 1

Мал. 6. Вікно запитів в браузері Netscape Navigator

Об'єкти, методи і властивості

Метод (method) - це дії, які може виконувати об'єкт. У реальному світі у об'єктів теж є які-небудь методи. Машини їздять, собаки гавкають, долар купується і т.д. У нашому випадку alert () є методом об'єкта Window, тобто об'єкт Window може видавати користувачу якесь попередження в вікні повідомлень. Прикладами інших методів є відкриття і закриття вікон, натискання кнопок. Тут мова йде про три методи: open (), close () і click (). Зверніть увагу на круглі дужки. Вони означають, що методи, на відміну від властивостей, використовуються.

РекомендаціяВсе буде зрозуміліше, якщо об'єкти асоціювати з речами, а методи - з діями.

Використання методу alert ()

Приклад. Щоб викликати на екран вікно попереджувальних повідомлень, змініть шаблон у відповідності з наступним лістингом:

Тепер про попередження. Його текст, укладений в лапки, вводиться всередині круглих дужок:

Збережіть файл, відкрийте його в браузері і погляньте на що з'явилося повідомлення (див. Рис. 3.7).


Мал. 7. Вікно попереджувальних повідомлень зі створеним вами повідомленням в браузері Internet Explorer

Приклад. Вивести на екран друге попередження так само просто, як і перше. Додайте ще один виклик alert () в блоці SCRIPT в наступному рядку за першим попередженням і введіть в лапках повідомлення:

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

Використання методу confirm ()

Метод confirm () подібний до методу alert (), але в постає на екрані вікні користувач може зробити вибір між кнопками OK і Cancel. Вікно повідомлення виводиться тим же способом, з тією різницею, що замість методу alert () вказується метод confirm ().

Приклад. Виконуючи ту ж послідовність дій, що і при застосуванні методу alert (), ви додаєте в блок сценарію метод confirm (), як зазначено нижче:

І знову повідомлення, яке ви хочете вивести на екран, набирається в лапках всередині круглих дужок:

Збережіть файл (під іншим ім'ям, ніж файл шаблону, з розширенням HTM або HTML), і відкрийте його в браузері (див. Рис. 3.8).


Мал. 8. Вікно підтвердження зі створеним вами повідомленням в браузері Internet Explorer

УпражненіеПопробуйте використовувати на Web-сторінці метод confirm (). Введіть своє власне повідомлення. Додайте в Web-сторінку метод confirm () кілька разів і подивіться, яким буде результат.

Використання методу prompt ()

Метод prompt () дещо відрізняється від попередніх двох методів, які ви вивчили в цьому розділі. Він дає можливість користувачеві вписати власну відповідь на питання, замість того щоб просто виводити на екран інформацію (як в методі alert ()) або робити вибір між кнопками OK і Cancel (як в методі confirm ()).

Приклад. Метод prompt () вводять в сценарій так само, як і два раніше розглянутих методу. Спочатку додайте prompt () в блок SCRIPT:

З цього моменту введення методу prompt () починає відрізнятися від введення попередніх двох методів, оскільки в круглі дужки потрібно додати дві фрази. Перша з них - повідомлення, яке повинно бути виведено на екран.

Приклад. Робиться це так само, як і в двох попередніх випадках. Текст в лапках поміщається всередині круглих дужок:

Javascript 1

Мал. 9. Вікно запитів зі створеним вами повідомленням в браузері Internet Explorer

Зверніть увагу на слово undefined (не визначене) в поле вводу. Це особливість Internet Explorer. У браузері Netscape Navigator поле введення залишається порожнім (див. Рис. 3.10).

Javascript 1

Мал. 10. Вікно запитів зі створеним вами повідомленням в браузері Netscape Navigator

На даний момент ще нічого відбувається, що б ви не робили, але до кінця цього розділу ви зумієте змусити програму працювати.
Наступна одиниця введення - це текст за замовчуванням, який повинен з'явитися у відповідному полі. Додати його дуже просто, а заодно це дозволить позбутися від появи undefined в браузері Internet Explorer.

Приклад. Після першої фрази в круглих дужках поставте кому за межами лапок, а після неї впишіть другу фразу (теж в лапках). Це робиться таким чином:

Збережіть вашу сторінку і ще раз поновіть вигляд в браузері. Зверніть увагу, що поле введення більше не є порожнім, а містить текст, вказаний у другій парі лапок (див. Рис. 3.11).

Javascript 1

Мал. 11. Вікно запитів зі створеним вами повідомленням і текстом поля введення за замовчуванням у браузері Internet Explorer

Передмова

Частина II. уроки мови

Глава 4. Управління даними за допомогою змінних

Як користуватися масивами Швидке створення масиву Розмір масиву Висновок на екран всіх елементів масиву Інтерактивне творчість Оптимізація Escape-послідовності

Глава 6. Вирази, умови, операції, Рядок і числа

Що таке оператори Оператор variable Оператор if Оператори організації циклу Оператор do. while Оператор while Оператор for Оператор for. in Оператор continue Оператор break Оператор switch

Глава 8. Створення сценаріїв за допомогою функцій і подій

Що таке функція Ваша перша функція Події Подія onLoad Подія onClick Подія onMouseover Подія onMouseout Використання подій Використання події onLoad Використання події onClick Використання події onMouseover Створення корисних функцій Як запустити функцію на виконання за допомогою іншої функції Призначення круглих дужок Значення, що повертається функції Оператор return Переклад температури з одних одиниць в інші

Глава 9. Найкраще використання об'єктів

Глава 10. Виявлення та виправлення помилок

Що таке помилки Типи помилок Синтаксичні помилки Помилки часу виконання Логічні помилки Помилки пріоритету операцій Як знайти помилку Виявлення помилок Програма Microsoft Script Debugger Найбільш поширені помилки Помилки

Частина III. Варіанти розміщення сценарію

Глава 11. Розширення кругозору

Глава 12. Динамічний HTML

Що таке динамічний HTML Основні принципи функціонування DHTML Об'єктно-орієнтоване уявлення елементів сторінки Таблиці стилів і розбиття на шари Сценарії Відмінності між браузерами що можна зробити за допомогою DHTML

Глава 13. Каскадні таблиці стилів

Глава 14. Об'єктна модель документа

Глава 15. Приклади, приклади, приклади.

Приклад 1. Дата останньої зміни Web-сторінки Удосконалення сценарію Приклад 2. Годинники Удосконалення сценарію Приклад 3. Зворотний лічильник Удосконалення сценарію Приклад 4. Перевірка форми Удосконалення сценарію Приклад 5. Прокрутка Удосконалення сценарію Приклад 6. Повідомлення в рядку стану Удосконалення сценарію Подальше вдосконалення сценарію приклад 7. Управління cookies Удосконалення сценарію покажчик