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中的常用事件总结
Dec 27 Javascript
jQuery的DOM操作之删除节点示例
Jan 03 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
详细讲解JavaScript中的this绑定
Oct 10 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
Angular.JS通过指令操作DOM的方法
May 10 Javascript
js操作二进制数据方法
Mar 03 Javascript
iview日期控件,双向绑定日期格式的方法
Mar 15 Javascript
vue中img src 动态加载本地json的图片路径写法
Apr 25 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 Vue.js
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学习笔记(毕业设计)
2012/02/21 PHP
php笔记之:php数组相关函数的使用
2013/04/26 PHP
PHP保留两位小数并且四舍五入及不四舍五入的方法
2013/09/22 PHP
PHP.vs.JAVA
2016/04/29 PHP
tp5 sum某个字段相加得到总数的例子
2019/10/18 PHP
无缝滚动改进版支持上下左右滚动(封装成函数)
2012/12/04 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
JavaScript基于ajax编辑信息用法实例
2015/07/15 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
2017/05/07 Javascript
深入理解Vue官方文档梳理之全局API
2017/11/22 Javascript
让Vue也可以使用Redux的方法
2018/05/23 Javascript
vue列表单项展开收缩功能之this.$refs的详解
2019/05/05 Javascript
vue elementUI table 自定义表头和行合并的实例代码
2019/05/22 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
react结合bootstrap实现评论功能
2020/05/30 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
js+canvas实现画板功能
2020/09/13 Javascript
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
go和python变量赋值遇到的一个问题
2017/08/31 Python
Python装饰器用法实例总结
2018/05/26 Python
python多维数组分位数的求取方式
2020/03/03 Python
后勤副校长自我鉴定
2013/10/13 职场文书
自荐书模板
2013/12/19 职场文书
保研推荐信
2014/05/09 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
安徽导游词
2015/02/12 职场文书
道歉短信大全
2015/05/12 职场文书
承诺书的内容有哪些,怎么写?
2019/06/21 职场文书
Go结合Gin导出Mysql数据到Excel表格
2022/08/05 Golang