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 相关文章推荐
Notify - 基于jquery的消息通知插件
Oct 18 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
May 07 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 Javascript
jQuery在线选座位插件seat-charts特效代码分享
Aug 27 Javascript
关于微信中a链接无法跳转问题
Aug 02 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
Bootstrap面板学习使用
Feb 09 Javascript
深入理解node.js之path模块
May 03 Javascript
element-ui中select组件绑定值改变,触发change事件方法
Aug 24 Javascript
react build 后打包发布总结
Aug 24 Javascript
express+vue+mongodb+session 实现注册登录功能
Dec 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
php7下的filesize函数
2019/09/30 PHP
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
js 单引号 传递方法
2009/06/22 Javascript
JS模拟自动点击的简单实例
2013/08/08 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
JS取文本框中最小值的简单实例
2013/11/29 Javascript
javascript从image转换为base64位编码的String
2014/07/29 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
2015/02/26 Javascript
js电话号码验证方法
2015/09/28 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
jQuery中用on绑定事件时需注意的事项
2017/03/19 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
使用svg实现动态时钟效果
2018/07/17 Javascript
vue通过style或者class改变样式的实例代码
2018/10/30 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
[03:14]2014DOTA2西雅图国际邀请赛 EG战队巡礼
2014/07/07 DOTA
用python实现批量重命名文件的代码
2012/05/25 Python
python多线程扫描端口示例
2014/01/16 Python
浅谈python数据类型及类型转换
2017/12/18 Python
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
mac安装scrapy并创建项目的实例讲解
2018/06/13 Python
flask框架使用orm连接数据库的方法示例
2018/07/16 Python
Centos下实现安装Python3.6和Python2共存
2018/08/15 Python
python下PyGame的下载与安装过程及遇到问题
2019/08/04 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
PurCotton全棉时代官网:100%天然棉花生产的生活护理用品
2016/11/18 全球购物
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
荷兰和比利时时尚鞋店:Van Dalen
2018/04/23 全球购物
道路建设实施方案
2014/03/18 职场文书
小学绿色学校申报材料
2014/08/23 职场文书
单位在职证明书
2014/09/11 职场文书
2015年市场部工作总结
2015/04/30 职场文书
OpenCV 图像梯度的实现方法
2021/07/25 Python