С помощью команд JavaScript Вы можете вызывать всплывающие окна.
ТвитнутьОкна оповещения используются в случаях, когда необходимо, чтобы пользователь обязательно обратил внимание на определенную информацию.
Когда окно оповещения будет вызвано пользователь должен будет нажать кнопку "OK" для, того чтобы продолжить просмотр страницы.
Синтаксис:
alert("Текст окна оповещения");
Пример
//Данная функция будет вызвана после полной загрузки страницы
function popBox(){
//Выведем окно оповещения
alert("Страница полностью загружена");
}
Окна подтверждения используются в случаях когда необходимо, чтобы пользователь подтвердил или отклонил что-либо.
Когда окно подтверждения будет вызвано пользователь должен будет нажать либо "OK", либо "Отмена", чтобы продолжить.
Если пользователь нажмет "OK" вернется true (истина), если пользователь нажмет "Отмена" вернется false (ложь).
Синтаксис:
var x=confirm("Текст окна подтверждения");
Пример
//Данная функция будет вызвана после полной загрузки страницы
function popBox(){
/* После вызова окна подтверждения в переменную x будет возвращено true или false
в зависимости от того, какую кнопку нажал пользователь */
x=confirm("Нажмите на любую кнопку");
if (x==true){
//Если пользователь нажал OK вывести соответствующее сообщение
document.write('Вы нажали OK');
}
else {
//Если пользователь нажал Отмена вывести соответствующее сообщение
document.write('Вы нажали Отмена.');
}
}
Окна запроса используются в случаях, когда от пользователя необходимо получить определенную информацию.
Когда окно запроса будет вызвано пользователь должен будет ввести определенные данные и нажать на "OK". Если пользователь не хочет вводить данные он может нажать "Отмена" и окно сразу будет закрыто.
Если пользователь введет что-либо в окно и нажмет "OK" будет возвращено введенное пользователем значение, если пользователь нажмет "Отмена", то будет возвращено null.
Синтаксис:
var x=prompt("Текст окна запроса", "Заполнитель поля ввода");
Пример
//Функция будет вызвана после загрузки страницы
function popBox() {
//Выведет окно запроса
ex1=prompt("Введите Ваше имя:", "Дмитрий");
//Отобразит имя введенное пользователем в окно запроса
document.write('Ваше имя: '+ex1);
}
Задание 1. Исправьте ошибки в коде ниже (после нажатие на каждую из кнопок должно вызываться соответствующее окно).
Задание 1
function win1(){
alert(Я окно оповещения);
}
function win2(){
conferm('Я окно подтверждения');
}
Задание 2. Узнайте пароль и авторизируйтесь.
Задание 2
function win(){
x=prompt('Введите пароль:', 'Пароль');
if (x==pass)
document.write('Здравствуйте, <b>авторизированный</b> пользователь!');
else
document.write('Вы ввели неправильный пароль.');
}