JS弹出对话框的三种实现方式的意义

本文深入讲解了JavaScript中三种常用的对话框:警告对话框(alert),确认对话框(confirm)及提示对话框(prompt)。通过实例演示了如何使用这些对话框与用户进行交互,包括显示消息、获取用户确认及收集用户输入。

     最近开始学习JavaScript,最开始讲的就是alert()、confirm()和prompt()三种JS弹出对话框。三种弹出对话框分别是警告、确认和提示消息。

     第一种警告消息框 (alert)
     alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。 

 

     <script>

     alert("Hello World !");

     </script>

      以上就是跳出一个警告消息框。

     第二种确认消息框 (confirm)
     使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。     

   

      <script>
      var x = confirm("Hello World !");
      if (x == true) {
      alert("Hello");
      } else {
      alert("Bye");
      }
      </script>

      以上跳出一个确认消息框,点确定显示“Hello”,点取消显示“Bye”。

     提示消息框 (prompt)
     提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为 "<undefined>"。 
     与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框。

 

     <script>
     prompt("Are you happy ?请输入您的姓名?");
     </script>

     以上跳出一个消息框,需要输入一些信息再来点确定或者取消,当然不输入内容也可以。

 

转载于:https://www.cnblogs.com/wcl2017/p/6858859.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值