Діалогові вікна
Для взаємодії з користувачем, тобто для введення даних та виведення результатів роботи програми, як правило, використовуються НТМL-форми та можливість виведення НТМL-коду прямо в документ (метод document.write).
Цей спосіб зручний тим, що ви, використовуючи HTML та CSS, можете оформити форму введення даних так, як вам заманеться. Теж саме можна сказати і про виведення даних.
З JS-сценарію ви можете виводити будь-який НТМL-код, що дозволяє як завгодно оформити висновок.
Але в деяких ситуаціях цих можливостей дуже багато.Іноді потрібно просто вивести діалогове повідомлення, наприклад повідомити
користувачеві, про те, що введений ним пароль занадто простий або занадто
короткий.
Метод alert() - просте вікно з повідомленням та кнопкою ОК.
Метод alert() об'єкта window використовується для відображення простого вікна
з повідомленням та однією кнопкою - ОК. Таке вікно може використовуватись, наприклад,
для відображення повідомлень про помилки (короткий/простий/неправильний)
пароль).
Метод alert() об'єкта window використовується для відображення простого вікна
з повідомленням та однією кнопкою - ОК. Таке вікно може використовуватись, наприклад,
для відображення повідомлень про помилки (короткий/простий/неправильний)
пароль).
Вікно, крім повідомлення користувача, більше не передбачає жодної взаємодії з ним.
Методу alert() передається лише один рядок. Щоб відобразити багаторядкове повідомлення, розділяйте рядки символом \n:
Методу alert() передається лише один рядок. Щоб відобразити багаторядкове повідомлення, розділяйте рядки символом \n:
window.alert("Привіт, мир!");
window.alert("Привіт,\nсвіт!");
alert - Вивід даних
confirm - Підтвердження
prompt - Введення даних
<!-- Приклад 1
метод alert -->
<html>
<head>
<title> Підтвердження </title>
</head>
<body>
<script>
if (window.confirm("Натисни ОК або Відміна"))
{
window.alert("Все дуже добре прекрасная маркіза !");
}
else {
window.alert("Повідомлення скасовується...");
}
</script>
</body>
</html>
Метод confirm() - вікно з кнопками ОК та Cancel.
Він виводить вікно із повідомленням і двома кнопками - ОК та Cancel, дозволяючи користувачеві вибрати одну з них.
Проаналізувавши значення, що повертається методом (true, якщо натиснута кнопка ОК і false - в іншому випадку), ви можете виконати ту чи іншу дію.
<!-- Приклад 2
метод confirm -->
<html>
<head>
<title> Confirm </title>
</head>
<body>
<script>
if (window.confirm("Натисни ОК або Відміна"))
{
window.alert("- Окейчик ! - ");
}
else {
window.alert("- Відміна - ");
}
</script>
</body>
</html>
Метод prompt() - діалогове вікно для введення даних.
Метод prompt() відображає діалогове вікно з полем введення, повідомленням та
кнопками ОК та Cancel. Введене користувачем значення можна потім буде привласнити якійсь змінній. Діалог повертає введений користувачем рядок. Якщо користувач нічого не запровадив, діалог повертає значення null.
Методу prompt() потрібно передати два параметри - рядок, який буде відображено
як запрошення введення (над полем для введення даних), та значення за замовчуванням, яке буде передано до сценарію, якщо користувач полінується ввести рядок і просто натисне ОК.
<!-- Приклад 3
метод prompt -->
<html>
<head>
<title> Метод prompt </title>
</head>
<body>
<script>
var UName = window.prompt("Як тебе звати ?", "Ніяк");
if (UName == null)
{
alert("Пока !");
}
else
{
document.write("Привіт, "+ UName);
}
</script>
</body>
</html>
Запитання:
1. Для чого призначені діалогові вікна ?
2. Яке призначення методу alert ?
3. Яке призначення методу confirm ?
4. Яке призначення методу prompt ?
Завдання
1. Виконати приклади 1, 2 та 3
Комментариев нет:
Отправить комментарий