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宝典学习笔记
Feb 07 Javascript
JS中==与===操作符的比较
Mar 21 Javascript
JavaScript XML操作 封装类
Jul 01 Javascript
JavaScript 常用函数
Dec 30 Javascript
关于javascript DOM事件模型的两件事
Jul 22 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
Jul 20 Javascript
JS中Location使用详解
May 12 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
May 31 Javascript
jQuery图片轮播插件——前端开发必看
May 31 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
JavaScript中this的四个绑定规则总结
Sep 26 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脚本的10个技巧(6)
2006/10/09 PHP
CI框架装载器Loader.php源码分析
2014/11/04 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2016/08/05 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
JS简单生成由字母数字组合随机字符串示例
2018/05/25 Javascript
理顺8个版本vue的区别(小结)
2018/09/17 Javascript
django中使用vue.js的要点总结
2019/07/07 Javascript
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
python实现堆栈与队列的方法
2015/01/15 Python
一篇文章入门Python生态系统(Python新手入门指导)
2015/12/11 Python
Python元组及文件核心对象类型详解
2018/02/11 Python
详解多线程Django程序耗尽数据库连接的问题
2018/10/08 Python
python实现归并排序算法
2018/11/22 Python
详解Python在使用JSON时需要注意的编码问题
2019/12/06 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
Python批量删除mysql中千万级大量数据的脚本分享
2020/12/03 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
ECCO爱步官方旗舰店:丹麦鞋履品牌
2018/01/02 全球购物
Melissa鞋英国官方网站:Nonnon
2019/05/01 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
struct和class的区别
2015/11/20 面试题
医生实习工作总结的自我评价
2013/09/27 职场文书
关于圣诞节的广播稿
2014/01/26 职场文书
企业文化演讲稿
2014/05/20 职场文书
心理咨询承诺书
2014/05/20 职场文书
经济纠纷起诉状
2015/05/20 职场文书
导游词之河姆渡遗址博物馆
2019/10/10 职场文书
Python实战之用tkinter库做一个鼠标模拟点击器
2021/04/27 Python
GTX1650super好不好 gtx1650super显卡属于什么级别
2022/04/08 数码科技