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 相关文章推荐
javascript的函数
Jan 31 Javascript
jQuery之浮动窗口实现代码(两种方法)
Sep 08 Javascript
DOM 中的事件处理介绍
Jan 18 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
Javascript 数组排序详解
Oct 22 Javascript
js实现滑动触屏事件监听的方法
May 05 Javascript
JS实现选择TextArea内文本的方法
Aug 03 Javascript
js实现卡片式项目管理界面UI设计效果
Dec 08 Javascript
AngularJS基础 ng-selected 指令简单示例
Aug 03 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
微信小程序动态设置图片大小的方法
Nov 21 Javascript
使用js和canvas实现时钟效果
Sep 08 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
基于Linux调试工具strace与gdb的常用命令总结
2013/06/03 PHP
php实现利用phpexcel导出数据
2013/08/24 PHP
PHP连接sftp并下载文件的方法教程
2018/08/26 PHP
thinkPHP框架乐观锁和悲观锁实例分析
2019/10/30 PHP
走出JavaScript初学困境—js初学
2008/12/29 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
2011/07/31 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
举例讲解如何判断JavaScript中对象的类型
2016/04/22 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
AngularJS下对数组的对比分析
2016/08/24 Javascript
修改Jquery Dialog 位置的实现方法
2016/08/26 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
BootStrap Fileinput上传插件使用实例代码
2017/07/28 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
2018/02/24 jQuery
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
[01:02]DOTA2辉夜杯决赛日 CDEC.Y对阵VG赛前花絮
2015/12/27 DOTA
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
python爬虫自动创建文件夹的功能
2018/08/01 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
python中partial()基础用法说明
2018/12/30 Python
Python3.6+Django2.0以上 xadmin站点的配置和使用教程图解
2019/06/04 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
python框架Django实战商城项目之工程搭建过程图文详解
2020/03/09 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
什么是SQL Server的确定性函数和不确定性函数
2016/08/04 面试题
《小草和大树》教学反思
2014/02/16 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
离婚协议书样本
2015/01/26 职场文书
实用求职信模板范文
2019/05/13 职场文书
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
2022/04/19 Javascript