温馨提示×

JavaScript中window.prompt怎么使用

小亿
124
2023-08-23 02:31:22
栏目: 编程语言

window.prompt是一个JavaScript函数,用于显示一个带有文本输入框和确定/取消按钮的对话框,用于向用户获取输入。

使用window.prompt的语法如下:

window.prompt(text, defaultText);

其中,text是要显示在对话框中的文本,defaultText是文本输入框中的默认文本。

当用户点击确定按钮时,window.prompt返回用户输入的文本。如果用户点击取消按钮,则返回null。

下面是一个示例,演示如何使用window.prompt获取用户输入的名字并显示在网页中:

<!DOCTYPE html>
<html>
<body>
<button onclick="getName()">获取名字</button>
<script>
function getName() {
var name = window.prompt("请输入你的名字", "张三");
if (name != null) {
document.getElementById("result").innerHTML = "你的名字是:" + name;
}
}
</script>
<p id="result"></p>
</body>
</html>

在上面的例子中,点击"获取名字"按钮会弹出一个对话框,要求用户输入名字。在对话框中,文本框中默认显示"张三",用户可以在文本框中输入自己的名字。点击确定按钮后,用户输入的名字会显示在网页中。

注意:window.prompt是一个同步方法,意味着当对话框弹出时,代码执行会暂停,直到用户点击确定/取消按钮。在大多数情况下,建议使用更灵活的方式来与用户交互,例如使用表单或模态框。

0