Взаимодействие с пользователем


Основные методы и их синтаксис
  • alert( "message" );
  • prompt( "question", "");
  • confirm( "question");
  • document.write();

alert() - принимает строку (или число, которое преобразует в строку) и возвращает undefined
Выводит модальное окно с сообщением;

prompt() - принимает строку и выводит модальное окно с вопросом и окном для ввода текста.
Возвращает строку с текстом, который ввёл пользователь, пустую строку, если текст не ввели, но нажали Ок, или null, если нажали Cancel. Второй аргумент строка, содержание которой отображается в окне для ввода текста. Аргумент не обязательный, но без него в IE 9 будет баг;

confirm() - принимает строку, выводит модальное окно с её содержимым и кнопками Ok и Cancel. Возвращает true или false в зависимости от того какая кнопка нажата.

document.write() - принимает любые типы данных и в любом количестве, преобразует их в строки и выводит на экран.

Методы alert(), prompt(), confirm() останавливают загрузку страницы и прекращают выполнение следующих за ними скриптов ожидая реакции пользователя.

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


Дополнено: в учебнике утверждается, что модальные окна не стилизуются и положение их на странице изменить невозможно. На самом деле стилизовать модальное окно в принципе можно, здесь пример стилизации alert(): http://slayeroffice.com/code/custom_alert/