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 相关文章推荐
Span元素的width属性无效果原因及解决方案
Jan 15 Javascript
javascript中数组的concat()方法使用介绍
Dec 18 Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 Javascript
javascript关于继承的用法汇总
Dec 20 Javascript
学习javascript文件加载优化
Feb 19 Javascript
vue集成百度UEditor富文本编辑器使用教程
Sep 21 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
解决layer.confirm快速点击会重复触发事件的问题
Sep 23 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 Javascript
vue 验证两次输入的密码是否一致的方法示例
Sep 29 Javascript
详解如何在Canvas中添加事件的方法
Apr 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
PHP+MySQL 制作简单的留言本
2009/11/02 PHP
ThinkPHP使用smarty模板引擎的方法
2014/07/01 PHP
ECSHOP在PHP5.5及高版本上报错的解决方法
2015/08/31 PHP
PHP简单获取及判断提交来源的方法
2016/04/22 PHP
PHP 500报错的快速解决方法
2016/12/14 PHP
php使用flock阻塞写入文件和非阻塞写入文件的实例讲解
2017/07/10 PHP
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
JavaScript 学习笔记(十六) js事件
2010/02/01 Javascript
让mayfish支持mysqli数据库驱动的实现方法
2010/05/22 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
2013/02/06 Javascript
jQuery对checkbox 复选框的全选全不选反选的操作
2016/08/09 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
微信小程序实现tab左右切换效果
2020/11/15 Javascript
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
vue添加自定义右键菜单的完整实例
2020/12/08 Vue.js
[05:00]第二届DOTA2亚洲邀请赛主赛事第三天比赛集锦.mp4
2017/04/04 DOTA
Python 图像处理: 生成二维高斯分布蒙版的实例
2019/07/04 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
Django路由层URLconf作用及原理解析
2020/09/24 Python
python中四舍五入的正确打开方式
2021/01/18 Python
纯CSS3实现图片无间断轮播效果
2016/08/25 HTML / CSS
欧洲著名的珠宝和手表网上商城:uhrcenter
2017/04/10 全球购物
PHP如何对用户密码进行加密
2014/07/31 面试题
业务助理岗位职责
2013/11/18 职场文书
退休感言
2014/01/28 职场文书
30年同学聚会感言
2014/01/30 职场文书
沙滩主题婚礼活动策划方案
2014/09/15 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
预备党员半年考察意见
2015/06/01 职场文书
2016年学校招生广告语
2016/01/28 职场文书
编写python程序的90条建议
2021/04/14 Python
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫
nginx容器方式反向代理实战
2022/04/18 Servers
MySQL数据库实验实现简单数据库应用系统设计
2022/06/21 MySQL