您的当前位置:首页正文

Javascript中弹窗confirm与prompt的区别

2020-11-27 来源:筏尚旅游网

confirm

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

prompt 

提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。与confirm方法类似,prompt 方法也将显示一个模式消息框,用户在继续操作之前必须先关闭该消息框 。点击确认后,会返回您输入的结果,可以通过一个变量接收后,进行判断。

confirm实例:

 document.getElementById('put').onblur=function(){
 //如果输入的aa弹出对话框
 if(document.getElementById('put').value=='aa'){
 var a = confirm('点击');
 //如果点击确定返回值为true
 if(a){
 alert(3333)
 //如果点击取消返回值为false
 }else{
 alert('999')
 } } }

prompt实例:

prompt同confirm类似,但弹出输出框,if(a),不填为false,if(a==str),当输入为str时true.与确定取消无关!

 var a = prompt('点击','xixi');
 if(a ){
 alert(3333)
 }else{
 alert('999')

总结

显示全文