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在事件监听方面的兼容性小结
Apr 07 Javascript
修改jquery.lazyload.js实现页面延迟载入
Dec 22 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
Jquery实现图片左右自动滚动示例
Sep 25 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
微信小程序 css使用技巧总结
Jan 09 Javascript
通过npm引用的vue组件使用详解
Mar 02 Javascript
详解vue-cli开发环境跨域问题解决方案
Jun 06 Javascript
Angularjs中的$apply及优化使用详解
Jul 02 Javascript
vue.js 实现评价五角星组件的实例代码
Aug 13 Javascript
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
Nov 04 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异步执行的常用方式详解
2013/06/03 PHP
php后台如何避免用户直接进入方法实例
2013/10/15 PHP
php实现36进制与10进制转换功能示例
2017/01/10 PHP
js function定义函数的几种不错方法
2014/02/27 Javascript
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
2014/09/26 NodeJs
用js读、写、删除Cookie代码续篇
2014/12/03 Javascript
利用Node.JS实现邮件发送功能
2016/10/21 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
2017/10/24 jQuery
Vue中正确使用jQuery的方法
2017/10/30 jQuery
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
js中如何完美的解析数据
2018/03/18 Javascript
js计算两个日期间的天数月的实例代码
2018/09/20 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
Weex开发之地图篇的具体使用
2019/10/16 Javascript
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
对Python的Django框架中的项目进行单元测试的方法
2016/04/11 Python
深入浅析python继承问题
2016/05/29 Python
Python Requests库基本用法示例
2018/08/20 Python
利用python和ffmpeg 批量将其他图片转换为.yuv格式的方法
2019/01/08 Python
使用python opencv对目录下图片进行去重的方法
2019/01/12 Python
django中的图片验证码功能
2019/09/18 Python
Python3.8对可迭代解包的改进及用法详解
2019/10/15 Python
Python中无限循环需要什么条件
2020/05/27 Python
python的pip有什么用
2020/06/17 Python
Styleonme中文网:韩国高档人气品牌
2017/06/21 全球购物
学习雷锋做美德少年寄语大全
2014/04/09 职场文书
四风自我剖析材料思想汇报
2014/10/01 职场文书
2014年学前班工作总结
2014/12/08 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
军训心得体会范文(2016最新篇)
2016/01/11 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书
Python 高级库15 个让新手爱不释手(推荐)
2021/05/15 Python
MySQL下使用Inplace和Online方式创建索引的教程
2021/05/26 MySQL
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python