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 子窗口操作父窗口的代码
Sep 21 Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
解决jquery的datepicker的本地化以及Today问题
May 23 Javascript
终于解决了IE8不支持数组的indexOf方法
Apr 03 Javascript
从jquery的过滤器.filter()方法想到的
Sep 29 Javascript
分享一个常用的javascript静态类
Dec 31 Javascript
原生JS取代一些JQuery方法的简单实现
Sep 20 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 Javascript
解决微信二次分享不显示摘要和图片的问题
Aug 18 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
Dec 07 Javascript
解析vue data不可以使用箭头函数问题
Jul 03 Javascript
Vue+tracking.js 实现前端人脸检测功能
Apr 16 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 杂谈《重构-改善既有代码的设计》之一 重新组织你的函数
2012/04/09 PHP
php中jQuery插件autocomplate的简单使用笔记
2012/06/14 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
利用PHP命令行模式采集股票趋势信息
2016/08/09 PHP
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
JQ获取动态加载的图片大小的正确方法分享
2013/11/08 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
jQuery时间轴插件使用详解
2015/07/16 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
2016/12/17 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
彻底解决 webpack 打包文件体积过大问题
2017/07/07 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
2017/08/16 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
element-ui 中使用upload多文件上传只请求一次接口
2019/07/19 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
js实现查询商品案例
2020/07/22 Javascript
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python常见加密模块用法分析【MD5,sha,crypt模块】
2017/05/24 Python
python实现简单http服务器功能
2018/09/17 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
详解python之heapq模块及排序操作
2019/04/04 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
softmax及python实现过程解析
2019/09/30 Python
pygame实现非图片按钮效果
2019/10/29 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
中秋节礼品促销方案
2014/02/02 职场文书
实习评语大全
2014/04/26 职场文书
2014年护士长工作总结
2014/11/11 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
大学生青年志愿者活动总结
2015/05/06 职场文书
MySQL数据库如何使用Shell进行连接
2022/04/12 MySQL