Главная | Обратная связь | Поможем написать вашу работу!

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

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

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

Синтаксис:

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

Пример

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

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

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

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

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

Синтаксис:

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

Пример

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

Попробовать в редакторе

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

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

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

Если пользователь введет что-либо в окно и нажмет "OK" будет возвращено введенное пользователем значение, если пользователь нажмет "Отмена", то будет возвращено null.

Синтаксис:

var x=prompt("Текст окна запроса","Заполнитель поля ввода");

Пример

<html><head><script type='text/javascript'>//Данная функция будет вызвана после полной загрузки страницыfunctionpopBox() { //Выведим окно запроса и сохраним возвращенное значение в переменную ex1 ex1=prompt('Введите Ваше имя:', 'Дмитрий'); //Отобразим имя введенное пользователем в окно запроса на страницуdocument.write('Вашеимя: ' + ex1);}</script></head><body onload='popBox()'></body></html>

Задание 1. Исправьте ошибки в коде ниже (после нажатие на каждую из кнопок должно вызываться соответствующее окно).

Задание 1

function win1(){alert(Яокнооповещения);}function win2(){conferm('Я окно подтверждения');}

Задание 2. Узнайте пароль и авторизируйтесь.

Задание 2

functionwin(){ x=prompt('Введите пароль:','Пароль');if(x==pass)document.write('Здравствуйте, <b>авторизированный</b> пользователь!');elsedocument.write('Вы ввели неправильный пароль.');}

JavaScript функции

Функции являются одним из наиболее важных строительных блоков кода в JavaScript.

Функции состоят из набора команд и обычно выполняют какую-то одну определенную задачу (например суммирование чисел, вычисление корня и т.д.).

Код помещенный в функцию будет выполнен только после явного вызова этой функции.

Объявление функций

1. Синтаксис:

//Объявление функции

functionимяФункции(пер1,пер2){

Кодфункции

}

//Вызов функции

имяФункции(пер1,пер2);

2. Синтаксис:

//Объявление функции

varимяфункции=function(пер1,пер2){Кодфункции}

//Вызов функции

имяфункции(пер1,пер2);

имяфункции задает имя функции. Каждая функция на странице должна иметь уникальное имя. Имя функции должно быть задано латинскими буквами и не должно начинаться с цифр.

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

Обратите внимание: даже если в функцию не передаются переменные не забывайте вставлять круглые скобки "()" после имени функции.

Обратите внимание: имена функций в JavaScript чувствительны к регистру.

⇐ Предыдущая 1 2 3 4 5 678 9 10 Следующая ⇒