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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
jQuery Ajax之load()方法
Oct 12 Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
May 22 Javascript
JS清除选择内容的方法
Jan 29 Javascript
jQuery提示插件alertify使用指南
Apr 21 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
Jul 18 Javascript
Bootstrap导航条鼠标悬停下拉菜单
Jan 04 Javascript
webpack打包单页面如何引用的js
Jun 07 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
vue页面更新patch的实现示例
Mar 25 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 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
PHP4和PHP5共存于一系统
2006/11/17 PHP
PHP下打开phpMyAdmin出现403错误的问题解决方法
2013/05/23 PHP
使用PHP实现生成HTML静态页面
2015/11/18 PHP
javascript vvorld 在线加密破解方法
2008/11/13 Javascript
javascript html 静态页面传参数
2009/04/10 Javascript
JS trim去空格的最佳实践
2011/10/30 Javascript
轻松创建nodejs服务器(6):作出响应
2014/12/18 NodeJs
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
Bootstrap每天必学之折叠
2016/04/12 Javascript
浅谈JS中逗号运算符的用法
2016/06/12 Javascript
js css自定义分页效果
2017/02/24 Javascript
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
vue自定义tap指令及tap事件的实现
2018/09/18 Javascript
Three.js中矩阵和向量的使用教程
2019/03/19 Javascript
了解javascript中的Dom操作
2019/05/27 Javascript
jQuery实现简易聊天框
2020/02/08 jQuery
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
Python中的__new__与__init__魔术方法理解笔记
2014/11/08 Python
Python获取当前路径实现代码
2017/05/08 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
Web页面中八种创建多列等高(等高列布局)的实现技术
2012/12/24 HTML / CSS
CSS3中HSL和HSLA的简单使用示例
2015/07/14 HTML / CSS
美国全球旅游运营商:Pacific Holidays
2018/06/18 全球购物
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
建龙钢铁面试总结
2014/04/15 面试题
《鸟的天堂》教学反思
2014/02/27 职场文书
《火烧云》教学反思
2014/04/12 职场文书
市级文明单位申报材料
2014/05/07 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
2015年电话销售工作总结范文
2015/04/20 职场文书
python Polars库的使用简介
2021/04/21 Python
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android
Navicat Premium自定义 sql 标签的创建方式
2022/09/23 数据库