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 相关文章推荐
Maps Javascript
Jan 22 Javascript
把jquery 的dialog和ztree结合实现步骤
Aug 02 Javascript
javascript解决IE6下hover问题的方法
Jul 28 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
详解JS-- 浮点数运算处理
Nov 28 Javascript
微信小程序加载更多 点击查看更多
Nov 29 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
Apr 07 Javascript
webpack中使用iconfont字体图标的方法
Feb 22 Javascript
jQuery轻量级表单模型验证插件
Oct 15 jQuery
深入理解JavaScript的值传递和引用传递
Oct 24 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
Apr 28 Javascript
VueCli4项目配置反向代理proxy的方法步骤
May 17 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学习之变量的使用
2011/05/29 PHP
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
Linux下PHP安装mcrypt扩展模块笔记
2014/09/10 PHP
laravel手动创建数组分页的实现代码
2018/06/07 PHP
ThinkPHP框架下微信支付功能总结踩坑笔记
2019/04/10 PHP
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
jquery按回车提交数据的代码示例
2013/11/05 Javascript
js Dialog 去掉右上角的X关闭功能
2014/04/23 Javascript
javascript 动态创建表格
2015/01/08 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
2016/12/28 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
vue中计算属性(computed)、methods和watched之间的区别
2017/07/27 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
微信小程序实现无限滚动列表
2020/05/29 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
2019/06/07 Javascript
vant组件中 dialog的确认按钮的回调事件操作
2020/11/04 Javascript
解决iView Table组件宽度只变大不变小的问题
2020/11/13 Javascript
python异常和文件处理机制详解
2016/07/19 Python
python实现简单遗传算法
2018/03/19 Python
浅谈Tensorflow由于版本问题出现的几种错误及解决方法
2018/06/13 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
python中如何实现将数据分成训练集与测试集的方法
2019/09/13 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
解析html5 canvas实现背景鼠标连线动态效果代码
2019/06/17 HTML / CSS
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
Ralph Lauren法国官网:美国高品味时装品牌
2017/12/08 全球购物
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
艺术爱好者的自我评价分享
2013/10/08 职场文书
初中班主任经验交流材料
2014/05/16 职场文书
小学社团活动总结
2014/06/27 职场文书
2014各大专业毕业生自我评价
2014/09/17 职场文书
加薪申请报告范本
2015/05/15 职场文书
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python
SpringBoot整合JWT的入门指南
2021/06/29 Java/Android
HTML常用标签超详细整理
2022/03/19 HTML / CSS