JavaScript教程-JavaScript prompt() 对话框
在 JavaScript 中，prompt() 方法用于显示一个提示框，以提示用户输入内容。通常在进入页面之前，用于从用户获取输入。可以不使用 window 前缀来编写。当提示框弹出时，我们必须点击 "确定" 或 "取消" 才能继续。
该对话框使用 prompt() 方法显示，该方法有两个参数：第一个参数是显示在文本框中的标签，第二个参数是默认字符串，显示在文本框中。提示框包含两个按钮，确定 和 取消。它返回 null 或用户输入的字符串。当用户点击 "确定" 时，对话框返回输入的值。否则，在点击 "取消" 时返回 null。
提示框会获取焦点并强制用户阅读指定的消息。因此，应避免过度使用此方法，因为它会阻止用户访问页面的其他部分，直到对话框关闭为止。
语法
prompt(message, default)参数
该函数的参数如下所示。
message: 这是一个可选参数。这是显示给用户的文本。如果我们不需要在提示中显示任何内容，可以省略此值。
default: 这也是一个可选参数。这是一个包含在文本框中显示的默认值的字符串。
让我们看一些 JavaScript prompt() 方法的示例。
示例1
在这个示例中，有一个带有消息和两个按钮（确定和取消）的简单提示框。这里有一个 HTML 按钮，用于显示提示框。我们使用 onclick 属性并调用 fun() 函数，在函数中定义了 prompt()。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function fun() {
prompt("这是一个提示框", "Hello world");
}
</script>
</head>
<body>
<p> 点击下面的按钮查看效果 </p>
<form>
<input type="button" value="点击我" onclick="fun();" />
</form>
</body>
</html>示例2
这是另一个使用 prompt() 方法的示例。
<!DOCTYPE html>
<html>
<head>
<title> JavaScript prompt() 方法 </title>
</head>
<body>
<h1 style="color: red;"> Hello World </h1>
<h2> JavaScript prompt() 方法示例 </h2>
<button onclick="fun()"> 点击我 </button>
<p id="para"> </p>
<script>
function fun() {
var a = prompt("请输入一些文本", "the javatiku.cn");
if (a != null) {
document.getElementById("para").innerHTML = "欢迎来到 " + a;
}
}
</script>
</body>
</html>输出
执行上述代码后，输出将为 -
示例3
在这个示例中，有一个带有消息和按钮的提示框。在这里，我们在对话框的消息中使用了换行。换行使用 'n' 定义。换行使消息更易读和清晰。我们需要点击给定的按钮以查看效果。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p> 点击下面的按钮查看效果 </p>
<form>
<input type="button" value="点击我" onclick="fun();" />
</form>
<script type="text/javascript">
function fun() {
prompt("Hello World \n 欢迎来到 javaTiku.cn \n 这是一个提示框 ");
}
</script>
</body>
</html>
