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 相关文章推荐
jquery ajax中使用jsonp的限制解决方法
Nov 22 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
Dec 12 Javascript
Javascript实现多彩雪花从天降散落效果的方法
Feb 02 Javascript
jQuery使用post方法提交数据实例
Mar 25 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
js实现大转盘抽奖游戏实例
Jun 24 Javascript
浅谈JavaScript 中有关时间对象的方法
Aug 15 Javascript
JavaScript实现的简单Tab点击切换功能示例
Jul 06 Javascript
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
uni-app如何实现增量更新功能
Jan 03 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
MOTOROLA 摩托罗拉 MODEL 66-XI五灯中波收音机
2021/03/02 无线电
PHP与MySQL开发中页面乱码的产生与解决
2008/03/27 PHP
利用curl抓取远程页面内容的示例代码
2013/07/23 PHP
php实现获取及设置用户访问页面语言类
2014/09/24 PHP
24条货真价实的PHP代码优化技巧
2016/07/28 PHP
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
2014/06/23 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
深入理解React高阶组件
2017/09/28 Javascript
JavaScript实现微信号随机切换代码
2018/03/09 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
2018/09/03 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
layui table去掉右侧滑动条的实现方法
2019/09/05 Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
2019/11/14 Javascript
Json实现传值到后台代码实例
2020/06/30 Javascript
Python黑魔法@property装饰器的使用技巧解析
2016/06/16 Python
python实现基于SVM手写数字识别功能
2020/05/27 Python
Python3使用pandas模块读写excel操作示例
2018/07/03 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
Jupyter Notebook输出矢量图实例
2020/04/14 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
详解CSS3中的box-sizing(content-box与border-box)
2019/04/19 HTML / CSS
HTML5+css3:3D旋转木马效果相册
2017/01/03 HTML / CSS
详解window.open被浏览器拦截的解决方案
2019/07/18 HTML / CSS
Clarins娇韵诗美国官网:法国天然护肤品牌
2016/09/26 全球购物
Napapijri西班牙在线商店:夹克、外套、运动衫等
2020/11/05 全球购物
博柏利美国官方网站:Burberry美国
2020/11/19 全球购物
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
中学门卫岗位职责
2013/12/26 职场文书
2015年上半年物业工作总结
2015/03/30 职场文书
生鲜超市—未来中国最具有潜力零售业态
2019/08/02 职场文书
SpringBoot集成MongoDB实现文件上传的步骤
2022/04/18 MongoDB
使用Nginx的访问日志统计PV与UV
2022/05/06 Servers