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实现仿银行密码输入框效果的代码
Dec 13 Javascript
javascript+canvas制作九宫格小程序
Dec 28 Javascript
使用Node.js为其他程序编写扩展的基本方法
Jun 23 Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
写给小白看的JavaScript异步
Nov 29 Javascript
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
Angularjs实现数组随机排序的方法
Oct 02 Javascript
js实现简单分页导航栏效果
Jun 28 Javascript
微信小程序实现canvas分享朋友圈海报
Jun 21 Javascript
js实现金山打字通小游戏
Jul 24 Javascript
Javascript之datagrid查询详解
Sep 15 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中的时间处理
2006/10/09 PHP
PHP之密码加密的几种方式
2015/07/29 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
PHPCMS忘记后台密码的解决办法
2016/10/30 PHP
php socket通信简单实现
2016/11/18 PHP
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
JavaScript判断变量是否为undefined的两种写法区别
2013/12/04 Javascript
js实现刷新iframe的方法汇总
2015/04/27 Javascript
介绍JavaScript的一个微型模版
2015/06/24 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
js数组操作方法总结(必看篇)
2016/11/22 Javascript
详解Vue.js动态绑定class
2016/12/20 Javascript
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
vue实现局部刷新的实现示例
2019/04/16 Javascript
浅谈Three.js截图并下载的大坑
2019/11/01 Javascript
[03:07]2015国际邀请赛选手档案EHOME.rOtK 是什么让他落泪?
2015/07/31 DOTA
python求pi的方法
2014/10/08 Python
python让图片按照exif信息里的创建时间进行排序的方法
2015/03/16 Python
python读取与写入csv格式文件的示例代码
2017/12/16 Python
利用Python如何生成便签图片详解
2018/07/09 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
canvas实现飞机打怪兽射击小游戏的示例代码
2018/07/09 HTML / CSS
27个经典Linux面试题及答案,你知道几个?
2013/01/10 面试题
商务会议邀请函
2014/01/09 职场文书
公司拓展活动方案
2014/02/13 职场文书
机电一体化求职信
2014/03/10 职场文书
文明村镇申报材料
2014/05/06 职场文书
学习群众路线的心得体会
2014/11/05 职场文书
2014年党风廉政工作总结
2014/12/03 职场文书
用 Python 定义 Schema 并生成 Parquet 文件详情
2021/09/25 Python
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis
python如何将mat文件转为png
2022/07/15 Python