JavaScript методы alert, document.write, prompt
В этой главе мы рассмотрим основные методы, которые пригодятся при изучении синтаксиса JavaScript.
Метод alert()
Метод alert() выводит на экран модальное окно с сообщением. Модальное окно означает, что выполнение сценария и дальнейшее взаимодействие со страницей приостанавливается до тех пор, пока не закроется данное окно, в данном случае, пока не будет нажата кнопка OK
для продолжения работы:
<script> alert("Hello world!"); </script>Попробовать »
Примечание: для создания всплывающего модального окна не обязательно использовать JavaScript, его можно сделать и при помощи HTML и CSS.
Метод prompt()
Метод prompt() выводит на экран модальное окно приглашения на ввод данных пользователем.
Синтаксис метода:
var имя_переменной = prompt(msg, defaultText);
Имя_переменной
нужно заменить именем используемой переменной, которой будет присвоено значение возвращаемое методом prompt()
, msg
- сообщение, которое будет показано пользователю (обычно это вопрос), defaultText
- строка, которая отображается по умолчанию в поле ввода, обычно второй аргумент оставляют пустым и записывают так - ""
:
<script> var myName = prompt("Как тебя зовут?",""); alert("Привет " + myName + "!"); </script>Попробовать »
Пользователь должен, что-нибудь ввести и нажать OK
, или отменить ввод нажав на CANCEL
. Метод prompt()
возвращает, то что ввел пользователь - строку или специальное значение null, если ввод был отменен.
Метод document.write()
Метод document.write() выводит на страницу переданные ему аргументы.
Синтаксис метода:
document.write(arg1,arg2,arg3,...);
Аргументов может быть любое количество, и они могут быть любых типов, при выводе они преобразуются в строки:
<script> document.write("<h1>Приветствую!</h1><p>Отличного вам дня!</p>"); document.write("Hello World!"); </script>Попробовать »
Метод document.write()
работает только на этапе загрузки страницы. Если document.write()
вызвать после того, как страница загрузилась, результатом будет - перезаписанная страница, с текстом, который был добавлен с помощью document.write()
.
document
является одним из предопределенных объектов JavaScript, а write()
- это предопределенный метод объекта document
. Точка объединяет объект и метод, показывая, что данный метод принадлежит объекту document.