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中显示隐藏的实现代码分析
Jul 26 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
Vue.JS入门教程之自定义指令
Dec 08 Javascript
jquery.validate表单验证插件使用详解
Jun 21 jQuery
基于jquery实现多级菜单效果
Jul 25 jQuery
AngularJS中scope的绑定策略实例分析
Oct 30 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
webpack4 处理CSS的方法示例
Sep 03 Javascript
JavaScript 九种跨域方式实现原理
Feb 11 Javascript
微信小程序按钮点击跳转页面详解
May 06 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
dedecms防止FCK乱格式化你的代码的修改方法
2007/03/17 PHP
QueryPath PHP 中的jQuery
2010/04/11 PHP
解析php中call_user_func_array的作用
2013/06/07 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
php实现分页功能的详细实例方法
2019/09/29 PHP
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
NodeJS使用jQuery选择器操作DOM
2015/02/13 NodeJs
JQuery中节点遍历方法实例
2015/05/18 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
2016/02/25 Javascript
javaScript给元素添加多个class的简单实现
2016/07/20 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
2017/02/08 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
2017/06/08 jQuery
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
JQuery选中select组件被选中的值方法
2018/03/08 jQuery
vue中v-for循环给标签属性赋值的方法
2018/10/18 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
vue实现Input输入框模糊查询方法
2021/01/29 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
2019/10/27 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
python Pexpect 实现输密码 scp 拷贝的方法
2019/01/03 Python
Appium Python自动化测试之环境搭建的步骤
2019/01/23 Python
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
PHP使用Redis队列执行定时任务实例讲解
2021/03/24 PHP
学前教育毕业生自荐信
2013/10/29 职场文书
大学生年度自我鉴定
2013/10/31 职场文书
学期评语大全
2014/04/30 职场文书
白岩松演讲
2014/05/21 职场文书
工会工作先进事迹
2014/08/18 职场文书
作风整顿剖析材料
2014/09/30 职场文书
解除租房协议书
2014/12/03 职场文书
员工年终考核评语
2014/12/31 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书