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+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
Apr 02 Javascript
jQuery基于ajax实现星星评论代码
Aug 07 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
Apr 26 Javascript
总结JavaScript三种数据存储方式之间的区别
May 03 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 Javascript
微信小程序 参数传递实例代码
Mar 20 Javascript
AngularJS的ng-click传参的方法
Jun 19 Javascript
结合Vue控制字符和字节的显示个数的示例
May 17 Javascript
js中async函数结合promise的小案例浅析
Apr 14 Javascript
vue 导出文件,携带请求头token操作
Sep 10 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 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
一个PHP并发访问实例代码
2012/09/06 PHP
php环境无法上传文件的解决方法
2014/04/30 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
理解Javascript_03_javascript全局观
2010/10/11 Javascript
DIV外区域Click后关闭DIV的实现代码
2011/12/21 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
轻松创建nodejs服务器(6):作出响应
2014/12/18 NodeJs
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
javaScript事件学习小结(四)event的公共成员(属性和方法)
2016/06/09 Javascript
浅谈JS之iframe中的窗口
2016/09/13 Javascript
Javascript数组中push方法用法分析
2016/10/31 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
jQuery实现标签子元素的添加和赋值方法
2018/02/24 jQuery
vue权限路由实现的方法示例总结
2018/07/29 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
NodeJS读取分析Nginx错误日志的方法
2019/05/14 NodeJs
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
微信小程序文字显示换行问题
2019/07/28 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
2019/08/21 Javascript
Python抓取手机号归属地信息示例代码
2016/11/28 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
python爬取代理ip的示例
2020/12/18 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
linux下进程间通信的方式
2013/01/23 面试题
酒店实习个人鉴定
2013/12/07 职场文书
个人充满哲理的自我评价
2014/02/20 职场文书
消防安全宣传标语
2014/06/07 职场文书
2014年自愿离婚协议书
2014/10/10 职场文书
2016消防宣传标语口号
2015/12/26 职场文书
React forwardRef的使用方法及注意点
2021/06/13 Javascript