JavaScript prompt

摘要：在本教程中，您将学习如何使用 JavaScript prompt() 方法显示带有消息的对话框，提示用户输入。

JavaScript prompt() 方法简介

prompt() 是 window 对象的一种方法。prompt() 方法指示 Web 浏览器显示一个对话框，其中包含文本、文本输入字段以及两个按钮“确定”和“取消”。

该对话框提示用户输入一些文本，并在用户提交或取消它之前等待。以下是 prompt() 方法的语法说明

let result = window.prompt(message, default);
Code language: JavaScript (javascript)

在此语法中

• message 是要显示的字符串。如果省略它，对话框中将不会显示任何内容。
• default 是一个字符串，包含文本输入字段的默认值。

结果是一个字符串，其中包含用户输入的文本，或者如果用户没有输入任何内容，则为 null。

与 alert() 和 confirm() 一样，prompt() 是模态的且同步的。换句话说，当显示对话框时，代码执行会停止，并在对话框关闭后恢复。

JavaScript prompt() 示例

让我们来看一些示例，以了解 prompt() 的工作原理。

1) 显示提示对话框

以下示例使用 prompt() 显示一个对话框，提示用户输入他们最喜欢的编程语言

let lang = prompt('What is your favorite programming language?');

let feedback = lang.toLowerCase() === 'javascript' ? `It's great!` :
    `It's ${lang}`;

alert(feedback);Code language: JavaScript (javascript)

2) 将用户输入转换为数字

prompt() 的结果是一个字符串。如果您想要将答案作为数字获取，您应该始终将字符串强制转换为数字。

以下示例使用 prompt() 显示一个对话框，询问用户他们的年龄。如果用户年满 16 岁，他们就有资格加入。否则，他们将无法加入。

let ageStr = prompt('How old are you?');
let age = Number(ageStr);

let feedback = age >= 16 ?
    'You're eligible to join.' :
    'You must be at least 16 year old to join.';

alert(feedback);Code language: PHP (php)

摘要

• prompt() 是 window 对象的一种方法。
• prompt() 会显示一个对话框，提示用户输入文本，并在用户提交或取消对话框之前等待。
• prompt() 返回一个字符串，其中包含用户输入的字符串，或者如果用户没有输入任何内容，则返回 null。