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 相关文章推荐
JS类库Bindows1.3中的内存释放方式分析
Mar 08 Javascript
Javascript结合css实现网页换肤功能
Nov 02 Javascript
JS小框架 fly javascript framework
Nov 26 Javascript
javascript 进阶篇2 CSS XML学习
Mar 14 Javascript
JQuery 操作/获取table具体代码
Jun 13 Javascript
JavaScript获取网页表单action属性的方法
Apr 02 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
Aug 27 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
Jun 28 Javascript
微信小程序实现的动态设置导航栏标题功能示例
Jan 31 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
vscode中使用npm安装babel的方法
Aug 02 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文件缓存内容保存格式实例分析
2014/08/20 PHP
php实现用户登陆简单实例
2017/04/04 PHP
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
asm.js使用示例代码
2013/11/28 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
js限制文本框的输入内容代码分享(3类)
2015/08/20 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
2016/06/22 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
2016/08/02 Javascript
动态JavaScript所造成一些你不知道的危害
2016/09/25 Javascript
JS出现失效的情况总结
2017/01/20 Javascript
浅谈Vue.js
2017/03/02 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
Python使用正则表达式过滤或替换HTML标签的方法详解
2017/09/25 Python
Python实现自定义顺序、排列写入数据到Excel的方法
2018/04/23 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
python matplotlib模块基本图形绘制方法小结【直线,曲线,直方图,饼图等】
2020/04/26 Python
python如何对链表操作
2020/10/10 Python
windows+vscode安装paddleOCR运行环境的步骤
2020/11/11 Python
python 爬取小说并下载的示例
2020/12/07 Python
使用canvas一步步实现图片打码功能的方法
2019/06/17 HTML / CSS
阿联酋航空官方网站:Emirates
2017/10/17 全球购物
护理专业个人求职简历的自我评价
2013/10/13 职场文书
挂靠协议书范本
2014/04/22 职场文书
学校教师安全责任书
2014/07/23 职场文书
2014年导购员工作总结
2014/11/18 职场文书
2016年大学光棍节活动总结
2016/04/05 职场文书
vue项目多环境配置(.env)的实现
2021/07/21 Vue.js
java如何实现socket连接方法封装
2021/09/25 Java/Android
Golang入门之计时器
2022/05/04 Golang