Javascript中弹窗confirm与prompt的区别


Posted in Javascript onOctober 26, 2018

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')

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
javascript中将Object转换为String函数代码 (json str)
Apr 29 Javascript
JS图片无缝、平滑滚动代码
Mar 11 Javascript
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
轻松掌握JavaScript装饰者模式
Aug 27 Javascript
JS对大量数据进行多重过滤的方法
Nov 04 Javascript
微信小程序之绑定点击事件实例详解
Jul 07 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
js编写简单的聊天室功能
Aug 17 Javascript
微信小程序实现手指触摸画板
Jul 09 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
Aug 19 Javascript
解决vue路由后界面没有变化,但是链接有的问题
Sep 01 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
Phaser.js实现简单的跑酷游戏附源码下载
Oct 26 #Javascript
如何用Node写页面爬虫的工具集
Oct 26 #Javascript
Javascript中绑定click事件的四种方式介绍
Oct 26 #Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 #Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 #jQuery
详解ES6 系列之异步处理实战
Oct 26 #Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
Oct 26 #Javascript
You might like
两款万能的php分页类
2015/11/12 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
js判断FCKeditor内容是否为空的两种形式
2013/05/14 Javascript
使用Nodejs开发微信公众号后台服务实例
2014/09/03 NodeJs
javascript实现密码强度显示
2015/03/18 Javascript
JavaScript转换与解析JSON方法实例详解
2015/11/24 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
AngularJS1.X学习笔记2-数据绑定详解
2017/04/01 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
JavaScript实现轮播图片完整代码
2020/03/07 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
Python运用于数据分析的简单教程
2015/03/27 Python
Python简单操作sqlite3的方法示例
2017/03/22 Python
Python基于Socket实现的简单聊天程序示例
2017/08/05 Python
Python中%是什么意思?python中百分号如何使用?
2018/03/20 Python
Python使用ConfigParser模块操作配置文件的方法
2018/06/29 Python
Python实现的批量修改文件后缀名操作示例
2018/12/07 Python
python调用外部程序的实操步骤
2019/03/04 Python
Python中最大递归深度值的探讨
2019/03/05 Python
Pytorch 扩展Tensor维度、压缩Tensor维度的方法
2020/09/09 Python
利用Python批量识别电子账单数据的方法
2021/02/08 Python
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
广州盈通面试题
2015/12/05 面试题
医学生个人求职信范文
2013/09/24 职场文书
关于安全的标语
2014/06/10 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
2015年电工工作总结
2015/04/10 职场文书
收入证明范本
2015/06/12 职场文书
开学第一周总结
2015/07/16 职场文书
2016年五一劳动节专题校园广播稿
2015/12/17 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书
python办公自动化之excel的操作
2021/05/23 Python