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学习笔记(三)显示当时时间的代码
Apr 08 Javascript
javascript实现简易计算器的代码
May 31 Javascript
javascript作用域、作用域链(菜鸟必看)
Jun 16 Javascript
分类解析jQuery选择器
Nov 23 Javascript
Bootstrap面板学习使用
Feb 09 Javascript
js实现百度登录框鼠标拖拽效果
Mar 07 Javascript
react路由配置方式详解
Aug 07 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
Apr 16 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 Javascript
uniapp微信小程序实现一个页面多个倒计时
Nov 01 Javascript
swiperjs实现导航与tab页的联动
Dec 13 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
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
php json转换相关知识(小结)
2018/12/21 PHP
简略的前端架构心得&&基于editor为例子的编码小技巧
2010/11/25 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
利用javascript判断文件是否存在
2013/12/31 Javascript
flash遮住div问题的正确解决方法
2014/02/27 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
2015/09/14 Javascript
深入理解js中this的用法
2016/05/28 Javascript
AngularJS基础 ng-repeat 指令简单示例
2016/08/03 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
2017/08/08 jQuery
JavaScript实现计算圆周率到小数点后100位的方法示例
2018/05/08 Javascript
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
[01:03:36]Ti4 循环赛第三日DK vs Titan
2014/07/12 DOTA
[01:41]DOTA2 2015国际邀请赛中国区预选赛第三日战报
2015/05/28 DOTA
Python文件及目录操作实例详解
2015/06/04 Python
Python 基于Twisted框架的文件夹网络传输源码
2016/08/28 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
tensorflow入门之训练简单的神经网络方法
2018/02/26 Python
python调用xlsxwriter创建xlsx的方法
2018/05/03 Python
利用Python如何制作好玩的GIF动图详解
2018/07/11 Python
python实现学员管理系统
2019/02/26 Python
Python爬取数据保存为Json格式的代码示例
2019/04/09 Python
python 中的[:-1]和[::-1]的具体使用
2020/02/13 Python
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
销售简历自我评价
2014/01/24 职场文书
护理专科毕业自荐信范文
2014/04/21 职场文书
应届大专生求职信
2014/06/26 职场文书
导游词之平津战役纪念馆
2019/11/04 职场文书
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL