Функция alert в javascript

Функция alert в javascript

В этой главе мы рассмотрим основные методы, которые пригодятся при изучении синтаксиса JavaScript.

Метод alert()

Метод alert() выводит на экран модальное окно с сообщением. Модальное окно означает, что выполнение сценария и дальнейшее взаимодействие со страницей приостанавливается до тех пор, пока не закроется данное окно, в данном случае, пока не будет нажата кнопка OK для продолжения работы:

Примечание: для создания всплывающего модального окна не обязательно использовать JavaScript, его можно сделать и при помощи HTML и CSS.

Метод prompt()

Метод prompt() выводит на экран модальное окно приглашения на ввод данных пользователем.

Синтаксис метода:

Имя_переменной нужно заменить именем используемой переменной, которой будет присвоено значение возвращаемое методом prompt() , msg — сообщение, которое будет показано пользователю (обычно это вопрос), defaultText — строка, которая отображается по умолчанию в поле ввода, обычно второй аргумент оставляют пустым и записывают так — "" :

Пользователь должен, что-нибудь ввести и нажать OK , или отменить ввод нажав на CANCEL . Метод prompt() возвращает, то что ввел пользователь — строку или специальное значение null, если ввод был отменен.

Метод document.write()

Метод document.write() выводит на страницу переданные ему аргументы.

Синтаксис метода:

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

Метод document.write() работает только на этапе загрузки страницы. Если document.write() вызвать после того, как страница загрузилась, результатом будет — перезаписанная страница, с текстом, который был добавлен с помощью document.write() .

document является одним из предопределенных объектов JavaScript, а write() — это предопределенный метод объекта document . Точка объединяет объект и метод, показывая, что данный метод принадлежит объекту document.

На этом уроке мы познакомимся с методами объекта window : alert() , prompt() и confirm() .

Метод alert()

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

Читайте также:  Htc desire 600 dual sim не включается

Метод alert() имеет один обязательный параметр — это текст сообщения, которое отображается в диалоговом окне. Данный метод в результате своего выполнения ни чего не возвращает.

Метод confirm()

Данный метод имеет один параметр — это текст сообщения, которое будет выведено в диалоговое окно.

Метод confirm() в качестве результата ( resultConfirm ) своего выполнения возвращает одно из двух значений:

  • true , если пользователь нажал "ОК";
  • false , если пользователь нажал "Отмена" или закрыл его.

Например, выведем в элемент р с результат нажатия пользователем на кнопку "ОК" в диалоговом окне:

Метод prompt()

Метод prompt() предназначен для вывода на экран пользователя диалогового окна с сообщением, текстовым полем для ввода данных и кнопками "ОК" и "Отмена". Оно предназначено для того, чтобы запросить данные у пользователя.

Данный метод имеет два параметра:

  • сообщение, которое будет выведено в диалоговом окне. Данный параметр является обязательным и содержит сообщение, в котором "говорится", какие данные должен ввести пользователь в текстовое поле;
  • второй параметр является необязательным и может использоваться для указания начального значения, которое будет выведено в поле ввода диалогового окна при открытии.

В зависимости от действий пользователя метод prompt() может возвращать следующие данные:

  • текстовое значение — если в поле ввода содержатся данные и пользователь нажал "ОК";
  • пустая строка — если в поле ввода не содержатся данные и пользователь нажал "ОК";
  • null — если пользователь нажал "Отмена" или закрыл это окно, при этом не важно какие данные были введены в текстовое поле.

Примечание: диалоговое окно, которое появляется в результате выполнения одного из методов alert() , confirm() или prompt() является модальным, т.е. оно блокирует доступ пользователя к родительскому приложению (браузеру) до тех пор, пока пользователь не закроет это диалоговое окно.

Читайте также:  Как отредактировать написанный текст

Например, запросим у пользователя имя и выведем в зависимости от результата текст в элемент c :

Например, попросим пользователя угадать число 8:

Материал на этой странице устарел, поэтому скрыт из оглавления сайта.

Более новая информация по этой теме находится на странице https://learn.javascript.ru/alert-prompt-confirm.

В этом разделе мы рассмотрим базовые UI операции: alert , prompt и confirm , которые позволяют работать с данными, полученными от пользователя.

alert

alert выводит на экран окно с сообщением и приостанавливает выполнение скрипта, пока пользователь не нажмёт «ОК».

Окно сообщения, которое выводится, является модальным окном. Слово «модальное» означает, что посетитель не может взаимодействовать со страницей, нажимать другие кнопки и т.п., пока не разберётся с окном. В данном случае – пока не нажмёт на «OK».

prompt

Функция prompt принимает два аргумента:

Она выводит модальное окно с заголовком title , полем для ввода текста, заполненным строкой по умолчанию default и кнопками OK/CANCEL.

Пользователь должен либо что-то ввести и нажать OK, либо отменить ввод кликом на CANCEL или нажатием Esc на клавиатуре.

Вызов prompt возвращает то, что ввёл посетитель – строку или специальное значение null , если ввод отменён.

Единственный браузер, который не возвращает null при отмене ввода – это Safari. При отсутствии ввода он возвращает пустую строку. Предположительно, это ошибка в браузере.

Если нам важен этот браузер, то пустую строку нужно обрабатывать точно так же, как и null , т.е. считать отменой ввода.

Как и в случае с alert , окно prompt модальное.

Второй параметр может отсутствовать. Однако при этом IE вставит в диалог значение по умолчанию "undefined" .

Запустите этот код в IE, чтобы понять о чём речь:

Читайте также:  М видео есть ли старую технику сдаешь

Поэтому рекомендуется всегда указывать второй аргумент:

confirm

confirm выводит окно с вопросом question с двумя кнопками: OK и CANCEL.

Результатом будет true при нажатии OK и false – при CANCEL( Esc ).

Особенности встроенных функций

Конкретное место, где выводится модальное окно с вопросом – обычно это центр браузера, и внешний вид окна выбирает браузер. Разработчик не может на это влиять.

С одной стороны – это недостаток, так как нельзя вывести окно в своём, особо красивом, дизайне.

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

Это самый простой способ вывести сообщение или получить информацию от посетителя. Поэтому их используют в тех случаях, когда простота важна, а всякие «красивости» особой роли не играют.

Ссылка на основную публикацию
Adblock detector