在本教程中,你将学习如何使用 JavaScript alert 方法显示带有可选的信息的对话框。

JavaScript alert 方法简介

浏览器可以调用系统对话框来向用户显示信息。系统对话框与浏览器显示的网页没有任何关系。

对话框本省也不包含任何 HTML。它的外观完全取决于当前的操作系统和浏览器,而不是 CSS,因为这是浏览器调用系统 API 实现的。

要调用 alert 系统对话框,您可以调用 window 对象的 alert 方法。它的语法形式非常简单可以是这样 alert(message) 也可以是 window.alert(message)

window.alert(message);
alert(message)

message 是一个字符串,message 是你要向用户显示的信息。

例如:

alert('Welcome to JavaScriptTutorial.net!'); 

调用 alert() 方法时,系统对话框会向用户显示指定的消息和一个确认按钮。

您可以使用 alert 对话框来通知用户一些他们无法控制的事情,例如错误。用户可以做出的唯一选择是在阅读消息后关闭对话框。

请注意,alert 对话框是同步且阻塞的。这意味着在对话框显示时停止后面代码的执行,并在对话框关闭后恢复。

例如,下面的代码在三秒后显示 alert 对话框:

setTimeout(() => {
    alert('3 seconds has been passed!')
}, 3000);

结论

alert 是对话框是 window 对象的一个​​方法。alert()方法是同步并阻塞后面的代码执行。通常使用 alert() 方法来显示你希望用户确认的信息。