ES6 对话框

在 JavaScript 中支持三种类型的对话框，分别是 alert（警告框）、confirm（确认框） 和 prompt（提示框）。这些对话框可用于执行特定任务，例如发出警告、获取事件或输入的确认，以及从用户获取输入。

让我们讨论每个对话框。

警告对话框

它用于向用户提供警告消息。它是 JavaScript 中使用最广泛的对话框之一。它只有一个 'OK'（确定） 按钮来继续并选择下一个任务。

我们可以通过一个例子来理解它，比如假设一个文本字段是必须填写的，但用户没有给该文本字段任何输入值，然后我们可以使用 警告框 来显示警告消息。

语法

示例

让我们通过下面的例子看看警告对话框的演示。

输出

成功执行上述代码后，您将获得以下输出。

单击 Click Me（点击我） 按钮后，您将获得以下输出

确认对话框

它广泛用于从用户那里获取关于特定选项的意见。它包括两个按钮，分别是 OK（确定） 和 Cancel（取消）。例如，假设用户需要删除一些数据，然后页面可以使用确认框确认他/她是否要删除它。

如果用户点击 OK（确定） 按钮，则 confirm() 方法返回 true。但如果用户点击 Cancel（取消） 按钮，则 confirm() 方法 返回 false。

语法

示例

让我们通过下面的例子来理解这个对话框的演示。

输出

成功执行上述代码后，您将获得以下输出。

当您点击给定的按钮时，您将获得以下输出

单击 OK（确定） 按钮后，您将获得

单击 Cancel（取消） 按钮后，您将获得

提示对话框

当需要弹出一个文本框来获取用户输入时，使用提示对话框。因此，它可以与用户进行交互。

提示对话框也有两个按钮，分别是 OK（确定） 和 Cancel（取消）。用户需要在文本框中提供输入，然后单击确定。当用户单击确定按钮时，对话框会读取该值并将其返回给用户。但是，在单击 Cancel（取消） 按钮时，prompt() 方法返回 null。

语法

让我们通过下面的例子来理解提示对话框。

示例

输出

成功执行上述代码后，您将获得以下输出。

当您单击 Click Me（点击我） 按钮时，您将获得以下输出

输入您的姓名并单击确定按钮，您将获得