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实现的鼠标滑过按钮改变背景图片
Jul 15 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
Windows系统下Node.js的简单入门教程
Jun 23 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
Jquery数字上下滚动动态切换插件
Aug 08 Javascript
JS判断图片是否加载完成方法汇总(最新版)
May 13 Javascript
js放大镜放大购物图片效果
Jan 18 Javascript
es6中reduce的基本使用方法
Sep 10 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
Nov 04 Javascript
jQuery实现评论模块
Aug 19 jQuery
如何在面试中手写出javascript节流和防抖函数
Oct 22 Javascript
JS函数式编程实现XDM一
Jun 16 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 memcache扩展的三种安装方法
2009/04/26 PHP
解析CI即CodeIgniter框架在Nginx下的重写规则
2013/06/03 PHP
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
PHP设置进度条的方法
2015/07/08 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
基于jquery的inputlimiter 实现字数限制功能
2010/05/30 Javascript
js 实现 input type="file" 文件上传示例代码
2013/08/07 Javascript
node.js cookie-parser之parser.js
2016/06/06 Javascript
js仿腾讯QQ的web登陆界面
2016/08/19 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
javascript 删除数组元素和清空数组的简单方法
2017/02/24 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
vue中计算属性(computed)、methods和watched之间的区别
2017/07/27 Javascript
JS设计模式之单例模式(一)
2017/09/29 Javascript
基于vue cli重构多页面脚手架过程详解
2018/01/23 Javascript
angularjs1.5 组件内用函数向外传值的实例
2018/09/30 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
2019/01/23 Javascript
vue fetch中的.then()的正确使用方法
2020/04/17 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
在Python中操作字典之clear()方法的使用
2015/05/21 Python
Python-Seaborn热图绘制的实现方法
2019/07/15 Python
python cv2在验证码识别中应用实例解析
2019/12/25 Python
解决reload(sys)后print失效的问题
2020/04/25 Python
利用Python如何实时检测自身内存占用
2020/05/09 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
高性能装备提升营地:Kammok
2019/02/27 全球购物
Yahoo-PHP面试题4
2012/05/05 面试题
Ruby如何进行文件操作
2014/07/17 面试题
幼儿园家长会欢迎词
2014/01/09 职场文书
运动会通讯稿400字
2014/01/28 职场文书
铁路安全事故反思
2014/04/26 职场文书
班级标语大全
2014/06/21 职场文书
小学教学工作总结2015
2015/05/13 职场文书
英文投诉信格式
2015/07/03 职场文书
机关干部作风整顿心得体会
2016/01/22 职场文书
基于Python编写简易版的天天跑酷游戏的示例代码
2022/03/23 Python