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.extend
May 18 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
全面兼容的javascript时间格式化函数(比较实用)
May 14 Javascript
jquery实现textarea输入框限制字数的方法
Jan 15 Javascript
JS制作手机端自适应缩放显示
Jun 11 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 Javascript
基于JavaScript实现购物车功能
Feb 07 Javascript
微信小程序网络请求wx.request详解及实例
May 18 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
js实现图片无缝循环轮播
Oct 28 Javascript
vue-cli4.0多环境配置变量与模式详解
Dec 30 Vue.js
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入门学习知识点二 PHP简单的分页过程与原理
2011/07/14 PHP
PHP查询数据库中满足条件的记录条数(两种实现方法)
2013/01/29 PHP
php上传excel表格并获取数据
2017/04/27 PHP
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
2013/01/27 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
2013/09/26 Javascript
jquery复选框全选/取消示例
2013/12/30 Javascript
jquery设置表单元素为不可用的简单代码
2016/07/04 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
2018/03/01 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
Vue.js 十五分钟入门图文教程
2018/09/12 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
Element Collapse 折叠面板的使用方法
2020/07/26 Javascript
[28:07]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第二场 12.13
2020/12/17 DOTA
Python读取环境变量的方法和自定义类分享
2014/11/22 Python
Python XML RPC服务器端和客户端实例
2014/11/22 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
Python常见字符串操作函数小结【split()、join()、strip()】
2018/02/02 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
Python多线程同步---文件读写控制方法
2019/02/12 Python
Python解析多帧dicom数据详解
2020/01/13 Python
python 实现汉诺塔游戏
2020/11/28 Python
数据库方面面试题
2012/04/22 面试题
制药工程专业应届生求职信
2013/09/24 职场文书
八一建军节活动方案
2014/02/10 职场文书
销售员求职个人的自我评价
2014/02/19 职场文书
中学生运动会口号
2014/06/07 职场文书
国庆促销活动总结
2014/08/29 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
想要创业,那么你做好准备了吗?
2019/07/01 职场文书
门面租赁合同范文
2019/08/06 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android