JavaScript методы alert, document.write, prompt

В этой главе:

  • Метод alert()

  • Метод prompt()

  • Метод document.write()

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

Метод alert()

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

Попробуйте сами:

1
2
3
<script>
  alert("Hello world!");
</script>

Метод prompt()

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

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

1
var имя_переменной = prompt(msg, defaultText);

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

Попробуйте сами:

1
2
3
4
5
<script>
  var myName = prompt("Как тебя зовут?","");
      
  alert("Привет " + myName + "!");
</script>

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

Метод document.write()

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

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

1
document.write(arg1,arg2,arg3,...);

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

 

Попробуйте сами:

1
2
3
4
<script>
  document.write("<h1>Приветствую!</h1><p>Отличного вам дня!</p>");
  document.write("Hello World!");
</script>

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