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 相关文章推荐
硬盘浏览程序,保存成网页格式便可使用
Dec 03 Javascript
javascript的函数
Jan 31 Javascript
location.search在客户端获取Url参数的方法
Jun 08 Javascript
客户端限制只能上传jpg格式图片的js代码
Dec 09 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
Oct 22 Javascript
ExtJS4中使用mixins实现多继承示例
Dec 03 Javascript
浅谈javascript回调函数
Dec 07 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 Javascript
AngularJs实现ng1.3+表单验证
Dec 10 Javascript
JavaScript常用字符串与数组扩展函数小结
Apr 24 Javascript
完美实现八种js焦点轮播图(下篇)
Apr 20 Javascript
JavaScript 事件捕获冒泡与捕获详情
Nov 11 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
dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法
2013/04/26 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
js或css实现滚动广告的几种方案
2010/01/28 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
用jquery实现自定义风格的滑动条实现代码
2011/04/26 Javascript
jQuery DOM操作实例
2014/03/05 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
基于javascript实现图片滑动效果
2016/05/07 Javascript
js中利用cookie实现记住密码功能
2020/08/20 Javascript
jQuery的Read()方法代替原生JS详解
2016/11/08 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
jQuery插件扩展操作入门示例
2017/01/16 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
jQuery选择器中的特殊符号处理方法
2017/09/08 jQuery
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
jQuery插件jsonview展示json数据
2018/05/26 jQuery
详解VUE自定义组件中用.sync修饰符与v-model的区别
2018/06/26 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
Python给图像添加噪声具体操作
2019/03/03 Python
python自动结束mysql慢查询会话的实例代码
2019/10/27 Python
Python字符串中删除特定字符的方法
2020/01/15 Python
Python 实现劳拉游戏的实例代码(四连环、重力四子棋)
2021/03/03 Python
完美解决IE8下不兼容rgba()的问题
2017/03/31 HTML / CSS
Marlies Dekkers内衣法国官方网上商店:国际知名的荷兰内衣品牌
2019/03/18 全球购物
有个性的自我评价范文
2013/11/15 职场文书
实习单位推荐信范文
2013/11/27 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
十八大演讲稿
2014/05/22 职场文书
小学生法制教育心得体会
2016/01/14 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技