logo_s

САМОУЧКА

Сайт для тех, кто хочет научиться

 

 

 

 

 

 

Главная

О Нас

Публикации

Связь

 

 

 

 

 

 

 

Наши публикации

 

HTML для новичков

 

XHTML

 

CSS для новичков

 

CSS 3

 

JavaScript

 

< Предыдущая  Следующая >


С помощью команд 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('Вы ввели неправильный пароль.');
}

  

  
  
  
  
  
  
 
  
< Предыдущая  Следующая >

 

 

 

 

Последние добавления

 

HotLog