温馨提示×

如何使用JS Prompt显示提示框

js
小樊
101
2024-10-12 21:32:23
栏目: 编程语言

要使用JavaScript的prompt()函数显示提示框,请按照以下步骤操作:

  1. 打开HTML文件,然后在<script>标签内或外部JavaScript文件中编写代码。
  2. 调用prompt()函数,该函数接受一个字符串参数,即提示框中的文本。
  3. 根据需要设置返回值。prompt()函数会返回用户输入的值(如果用户点击“确定”按钮),否则返回null。您可以将此返回值用于其他操作,例如根据用户输入执行特定任务。

下面是一个简单的示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prompt Example</title>
</head>
<body>
    <script>
        // 使用prompt()函数显示提示框
        const userInput = prompt("请输入您的名字:");
        
        // 检查用户是否点击了“确定”按钮
        if (userInput !== null) {
            alert(`您好,${userInput}!`);
        } else {
            console.log("用户取消了操作");
        }
    </script>
</body>
</html>

在这个示例中,提示框会显示“请输入您的名字:”。如果用户输入名字并点击“确定”按钮,将弹出带有输入名字的问候消息。如果用户点击“取消”按钮或关闭提示框,控制台将输出“用户取消了操作”。

0