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计算页面刷新的次数
Jul 20 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
May 23 Javascript
javascript中取前n天日期的两种方法分享
Jan 26 Javascript
浅析javascript操作 cookie对象
Dec 26 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
通用无限极下拉菜单的实现代码
May 31 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
May 15 Javascript
构建一个JavaScript插件系统
Oct 20 Javascript
比较node.js和Deno
Apr 27 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
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
采用memcache在web集群中实现session的同步会话
2014/07/05 PHP
PHP连接和操作MySQL数据库基础教程
2014/09/29 PHP
php实现的单一入口应用程序实例分析
2015/09/23 PHP
修改Laravel5.3中的路由文件与路径
2016/08/10 PHP
Laravel 错误提示本地化的实现
2019/10/22 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
javascript IFrame 强制刷新代码
2009/07/23 Javascript
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
JavaScript?Apple设备检测示例代码
2013/11/15 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
2014/03/18 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
2016/11/20 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
vue-router实现webApp切换页面动画效果代码
2017/05/25 Javascript
js判断节假日实例代码
2017/12/27 Javascript
angularjs $http调用接口的方式详解
2018/08/13 Javascript
30分钟快速实现小程序语音识别功能
2018/11/27 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
浅谈Python peewee 使用经验
2017/10/20 Python
python topk()函数求最大和最小值实例
2020/04/02 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
技术副厂长岗位职责
2013/12/26 职场文书
青年志愿者活动总结
2014/04/26 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
税务职业生涯规划书范文
2014/09/16 职场文书
机关作风建设整改方案
2014/10/27 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
历史博物馆观后感
2015/06/05 职场文书
商业计划书之服装
2019/09/09 职场文书