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 相关文章推荐
用正则表达式 动态创建/增加css style script 兼容IE firefox
Mar 10 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
Mar 13 Javascript
浅析JavaScript动画
Jun 10 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
利用Angular.js限制textarea输入的字数
Oct 20 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
Sep 18 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
vue的路由映射问题及解决方案
Oct 14 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/07 PHP
2014年10个最佳的PHP图像操作库
2014/07/14 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
Phpstorm+Xdebug断点调试PHP的方法
2018/05/14 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
JavaScript经典效果集锦
2010/07/06 Javascript
jQueryUI写一个调整分类的拖放效果实现代码
2012/05/10 Javascript
详谈jQuery中的this和$(this)
2014/11/13 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
2017/04/10 jQuery
Vue-Cli中自定义过滤器的实现代码
2017/08/12 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
Vue-component全局注册实例
2018/09/06 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
微信小程序实现一张或多张图片上传(云开发)
2019/09/25 Javascript
[01:08:57]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第二场
2014/05/24 DOTA
[54:02]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 IG vs VGJ.T
2018/04/03 DOTA
Python实现简易端口扫描器代码实例
2017/03/15 Python
Python函数装饰器实现方法详解
2018/12/22 Python
Python替换月份为英文缩写的实现方法
2019/07/15 Python
Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】
2019/10/30 Python
Pytorch中的VGG实现修改最后一层FC
2020/01/15 Python
Python日志syslog使用原理详解
2020/02/18 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
利用Opencv实现图片的油画特效实例
2021/02/28 Python
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
大学军训感想
2014/02/12 职场文书
学雷锋演讲稿
2014/03/04 职场文书
授权委托书样本
2014/04/03 职场文书
安全保证书
2015/01/16 职场文书
感谢信模板大全
2015/01/23 职场文书
银行求职信模板
2015/03/20 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
七年级作文之关于奶奶
2019/10/29 职场文书
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS
Python超详细分步解析随机漫步
2022/03/17 Python