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 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
JavaScript基础教程之alert弹出提示框实例
Oct 16 Javascript
JQuery动态添加和删除表格行的方法
Mar 09 Javascript
AngularJS ng-bind-html 指令详解及实例代码
Jul 30 Javascript
如何提高数据访问速度
Dec 26 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
微信小程序 本地数据读取实例
Apr 27 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
Nov 19 Javascript
Vue实现类似Spring官网图片滑动效果方法
Mar 01 Javascript
js String.prototype.trim字符去前后空格的扩展
Aug 23 Javascript
使用vue引入maptalks地图及聚合效果的实现
Aug 10 Javascript
javascript中call,apply,bind的区别详解
Dec 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
php&mysql 日期操作小记
2012/02/27 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
简单的php新闻发布系统教程
2014/05/09 PHP
Thinkphp关闭缓存的方法
2015/06/26 PHP
PHP实现清除wordpress里恶意代码
2015/10/21 PHP
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
jQuery中的on与bind绑定事件区别实例详解
2017/02/28 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
python实现Adapter模式实例代码
2018/02/09 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
Python遍历字典方式就实例详解
2019/12/28 Python
tensorflow 只恢复部分模型参数的实例
2020/01/06 Python
Python3如何使用tabulate打印数据
2020/09/25 Python
css3实现超立体3D图片侧翻倾斜效果
2014/04/16 HTML / CSS
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
英国最大的体育&时尚零售公司:JD Sports
2017/12/13 全球购物
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
精伦电子Java笔试题
2013/01/16 面试题
会务接待方案
2014/02/27 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
公司优秀员工获奖感言
2014/08/14 职场文书
员工规章制度范本
2015/08/07 职场文书
vue中data改变后让视图同步更新的方法
2021/03/29 Vue.js
Python如何利用正则表达式爬取网页信息及图片
2021/04/17 Python
Windows下redis下载、redis安装及使用教程
2021/06/02 Redis
MYSQL 运算符总结
2021/11/11 MySQL
mysql自增长id用完了该怎么办
2022/02/12 MySQL
python 单机五子棋对战游戏
2022/04/28 Python