AJAX загрузка
home

С помощью команд JavaScript Вы можете вызывать всплывающие окна.

Окна оповещения в JavaScript

Окна оповещения используются в случаях, когда необходимо, чтобы пользователь обязательно обратил внимание на определенную информацию.

Когда окно оповещения будет вызвано пользователь должен будет нажать кнопку "OK" для, того чтобы продолжить просмотр страницы.

Синтаксис:

alert("Текст окна оповещения");

Пример

//Данная функция будет вызвана после полной загрузки страницы
function popBox(){
   //Выведем окно оповещения
   alert("Страница полностью загружена");
}

Окна подтверждения в JavaScript

Окна подтверждения используются в случаях когда необходимо, чтобы пользователь подтвердил или отклонил что-либо.

Когда окно подтверждения будет вызвано пользователь должен будет нажать либо "OK", либо "Отмена", чтобы продолжить.

Если пользователь нажмет "OK" вернется true (истина), если пользователь нажмет "Отмена" вернется false (ложь).

Синтаксис:

var x=confirm("Текст окна подтверждения");

Пример

//Данная функция будет вызвана после полной загрузки страницы
function popBox(){
   /* После вызова окна подтверждения в переменную x будет возвращено true или false 
   в зависимости от того, какую кнопку нажал пользователь */
   x=confirm("Нажмите на любую кнопку");
   if (x==true){
   //Если пользователь нажал OK вывести соответствующее сообщение
   document.write('Вы нажали OK');
   }
   else {
   //Если пользователь нажал Отмена вывести соответствующее сообщение
   document.write('Вы нажали Отмена.');
   }
}

Окна запроса в JavaScript

Окна запроса используются в случаях, когда от пользователя необходимо получить определенную информацию.

Когда окно запроса будет вызвано пользователь должен будет ввести определенные данные и нажать на "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('Вы ввели неправильный пароль.');
}