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 相关文章推荐
JavaScript获取GridView中用户点击控件的行号,列号
Apr 14 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
Apr 15 Javascript
JS控制输入框内字符串长度
May 21 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 Javascript
JS仿hao123导航页面图片轮播效果
Sep 01 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
bootstrap css样式之表单
Jan 19 Javascript
vue router demo详解
Oct 13 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
May 27 Javascript
Postman内建变量常用方法实例解析
Jul 28 Javascript
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
解决vue打包 npm run build-test突然不动了的问题
Nov 13 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
追忆往昔!浅谈收音机的百年发展历史
2021/03/01 无线电
PHP Ajax中文乱码问题解决方法
2009/02/27 PHP
ThinkPHP采用GET方式获取中文参数查询无结果的解决方法
2014/06/26 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
详解WordPress开发中过滤属性以及Sql语句的函数使用
2015/12/25 PHP
thinkphp分页集成实例
2017/07/24 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
2010/06/10 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
javascript中使用正则表达式清理table样式的代码
2020/04/01 Javascript
jquery图片轮播特效代码分享
2020/04/20 Javascript
分享五个有用的jquery小技巧
2015/10/08 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
2016/11/24 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
javascript中的面向对象
2017/03/30 Javascript
nodejs入门教程四:URL相关模块用法分析
2017/04/24 NodeJs
Bootstrap Table使用整理(二)
2017/06/09 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
详解Vite的新体验
2021/02/22 Javascript
TensorFlow实现Batch Normalization
2018/03/08 Python
如何利用python查找电脑文件
2018/04/27 Python
python 对dataframe下面的值进行大规模赋值方法
2018/06/09 Python
python3实现磁盘空间监控
2018/06/21 Python
Python 计算任意两向量之间的夹角方法
2019/07/05 Python
Python通过递归获取目录下指定文件代码实例
2019/11/07 Python
PyQt5多线程刷新界面防假死示例
2019/12/13 Python
matlab中imadjust函数的作用及应用举例
2020/02/27 Python
Python+OpenCV图像处理——实现轮廓发现
2020/10/23 Python
html5嵌入内容_动力节点Java学院整理
2017/07/07 HTML / CSS
【HTML5】3D模型--百行代码实现旋转立体魔方实例
2016/12/16 HTML / CSS
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
银行先进个人事迹材料
2014/05/11 职场文书
宪法宣传标语100条
2019/10/15 职场文书
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL