JavaScript prompt() 对话框

JavaScript 中的 prompt() 方法用于显示一个提示框，该提示框要求用户输入。它通常用于在用户进入页面之前获取用户输入。它可以不使用 window 前缀进行编写。当提示框弹出时，我们需要点击“确定”或“取消”才能继续。

该框使用 prompt() 方法显示，该方法接受两个参数：第一个参数是显示在文本框中的标签，第二个参数是显示在文本框中的默认字符串。提示框包含两个按钮：确定 和 取消。它返回 null 或用户输入的字符串。当用户点击“确定”时，框返回输入值。否则，点击“取消”时返回 null。

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

语法

值

此函数的参数值定义如下。

message： 这是一个可选参数。它是显示给用户的文本。如果我们不需要在提示中显示任何内容，可以省略此值。

default： 这也是一个可选参数。它是一个字符串，包含显示在文本框中的默认值。

让我们看一些 JavaScript prompt() 方法的示例。

示例 1

在此示例中，有一个带有消息和两个按钮（确定和取消）的简单提示框。这里有一个 HTML 按钮，用于显示提示框。我们正在使用 onclick 属性并调用定义了 prompt() 的 fun() 函数。

输出

执行上述代码后，输出将是 -

点击 Click me 按钮后，输出将是 -

示例 2

这是使用 prompt() 方法的另一个示例。

输出

执行上述代码后，输出将是 -

点击 Click me 按钮后，输出将是 -

点击 OK 按钮后，输出将是 -

Example3

在此示例中，有一个带有消息和按钮的提示框。这里，我们在框的消息中使用换行符。换行符通过使用 '\n' 定义。换行符使消息更易读和清晰。我们必须单击给定的按钮才能看到效果。

输出

在执行上述代码并单击 Click me 按钮后，输出将是 -