JavaScript alert()

JavaScript 中的 **alert()** 方法用于显示一个虚拟的警告框。它主要用于向用户提供警告信息。它会显示一个警报对话框，其中包含一些指定的消息（可选）和一个“确定”按钮。当对话框弹出时，我们必须单击“确定”才能继续。

警报对话框会获得焦点，并强制用户阅读指定的消息。因此，我们应避免过度使用此方法，因为它会阻止用户访问网页的其他部分，直到对话框关闭。

我们可以通过一个例子来理解 alert 方法的用处。假设我们需要填写一个身份证申请表。表格中要求填写出生日期以判断是否符合身份证的资格标准。如果年龄在 18 岁或以上，则流程将继续。否则，它将显示一条警告消息，提示年龄低于 18 岁。此警告消息就是“警报框”。

另一个例子是，假设用户需要填写一个表单，其中包含一些必填的文本输入字段，但用户忘记输入。作为验证的一部分，我们可以使用警报对话框显示与填写文本字段相关的警告消息。

除了显示警告或错误，警报对话框还可以用于正常消息，例如“欢迎回来”、“你好 XYZ”等。

语法

值

message: 这是一个可选字符串，指定要在警报框中显示的内容。它包含我们想向用户显示的信息。

让我们来看一些 JavaScript alert() 方法的例子。

示例 1

在此示例中，有一个带有消息和“确定”按钮的简单警报对话框。这里有一个 HTML 按钮，用于显示警报框。我们使用了 **onclick** 属性，并在其中调用定义了 **alert()** 的 **fun()** 函数。

输出

点击按钮后，输出将是 -

示例 2

在此示例中，有一个带有消息和“确定”按钮的警报对话框。这里，我们在警报框的消息中使用了换行符。换行符是通过使用 **'\n'** 来定义的。换行符使消息更易读、更清晰。我们必须单击给定的按钮才能看到效果。

输出

点击按钮后，输出将是 -

示例

在此示例中，有一个带有消息和“确定”按钮的警报对话框。这里，警报框显示相应页面的 URL。URL 是通过使用 **alert(location.hostname);** 语句定义的。