skip to main content

alert()

js

Кратко 🔗

При помощи директивы alert() можно вывести на экран пользователя модальное окно с каким-нибудь текстом.

🤖 Из-за того, что окно модальное — работа с интерфейсом браузера и страницами будет заблокирована. Это неудобно, плюс может восприниматься пользователем как попытка ограничивать его свободу. Модальное окно для пользователя — окно, которое блокирует работу пользователя с браузером до тех пор, пока пользователь это окно не закроет.

Пример 🔗

See the Pen alert() пример by vindi-r (@vindi-r) on CodePen.

💡 Это крайне быстрый вариант кода, который взаимодействует с пользователем, но окно созданное таким образом не меняется через CSS, а значит использовать его лучше только для прототипирования интерфейса. В финальном варианте веб-страницы юзать модальное окно нежелательно.

Как пишется 🔗

alert() принимает только один аргумент:

alert("Message")

В качестве строки для отображения также можно передать и переменную:

var text = "Another message"
alert(text)

Как это понять 🔗

alert() позволяет вывести любое сообщение, но необходимо помнить, что аргумент будет приведен к строке. Такое поведение не доставляет проблем, пока аргумент является примитивом или встроенным типом, имеющим правила приведения к строке.

alert("Hello") // Hello
alert(100) // 100
alert(false) // false
alert([1, 10, 100]) // 1,10,100

Вывести окно с текстом из "сложного" значения можно — окно вылезет, но не с тем текстом, который возможно ожидается:

alert({}) // [object Object]
alert({ text: "Some message" }) // [object Object]

💡 Чтобы объяснить JavaScript, как нужно выводить объект с данными в alert() необходимо описать функцию объекта toString, которая отвечает за приведение к строке:

See the Pen alert() для объекта by vindi-r (@vindi-r) on CodePen.

В работе 🔗

Миша 👨‍🔧

🛠 Ниже представлен пример использования alert() с самостоятельно созданным диалоговым окном:

See the Pen alert() в работе by vindi-r (@vindi-r) on CodePen.


Автор: Миша 👨‍🔧