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插件简单实现代码
Apr 19 Javascript
javascript中的undefined和not defined区别示例介绍
Feb 26 Javascript
Jquery.Form 异步提交表单的简单实例
Mar 03 Javascript
jquery操作HTML5 的data-*的用法实例分享
Aug 17 Javascript
AngularJS 日期格式化详解
Dec 23 Javascript
jQuery EasyUI菜单与按钮详解
Jul 13 Javascript
Actionscript与javascript交互实例程序(修改)
Sep 22 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
Dec 05 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
vue-router 组件复用问题详解
Jan 22 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
Aug 22 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
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
PHP SEO优化之URL优化方法
2011/04/21 PHP
php实现检查文章是否被百度收录
2015/01/27 PHP
WordPress中is_singular()函数简介
2015/02/05 PHP
PHP提高编程效率的20个要点
2015/09/23 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
jquery 操作单选框,复选框,下拉列表实现代码
2009/10/27 Javascript
从零学JSON之JSON数据结构
2014/05/19 Javascript
为什么JS中eval处理JSON数据要加括号
2015/04/13 Javascript
js实现延迟加载的方法
2015/06/24 Javascript
jQuery实现两款有动画功能的导航菜单代码
2015/09/16 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
js轮播图代码分享
2016/07/14 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
2017/09/07 Javascript
原生JS上传大文件显示进度条 php上传文件代码
2020/03/27 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
详解vue后台系统登录态管理
2019/04/02 Javascript
微信小程序如何使用canvas二维码保存至手机相册
2019/07/15 Javascript
vue实现短信验证码登录功能(流程详解)
2019/12/10 Javascript
[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25
2018/08/29 DOTA
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
Python编程产生非均匀随机数的几种方法代码分享
2017/12/13 Python
python实现词法分析器
2019/01/31 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
20岁生日感言
2014/01/13 职场文书
三年大学自我鉴定
2014/01/16 职场文书
小学数学教学经验交流材料
2014/05/22 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
庆七一主持词
2015/06/29 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
朋友离别感言
2015/08/04 职场文书