如何使用 JavaScript 显示提示对话框?


当你想弹出文本框获取用户输入时,提示对话框非常有用。因此,它能使你与用户进行交互。用户需要填写字段,然后单击“确定”。

该对话框使用称为 prompt() 的方法显示,此方法接受两个参数:(i) 想要在文本框中显示的标签,以及 (ii) 想要在文本框中显示的默认字符串。

该对话框有两个按钮:“确定”和“取消”。如果用户单击“确定”按钮,窗口方法 prompt() 将在文本框中返回输入的值。如果用户单击“取消”按钮,窗口方法 prompt() 将返回 null。

示例

你可以尝试运行以下代码来了解如何使用 JavaScript 实现提示对话框

在线演示

<html>
   <head>
      <script>
         <!--
            function getValue(){
               var retVal = prompt("Enter your name : ", "your name here");
               document.write("You have entered : " + retVal);
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button to see the result: </p>
      <form>
         <input type="button" value="Click Me" onclick="getValue();" />
      </form>
   </body>
</html>

更新于: 08-Jan-2020

450 次浏览

开启您的职业生涯

完成课程以获得认证

开始
广告