JS消息弹框alert、confirm、prompt的实现代码
更新时间：2022年09月26日 14:16:29 作者：姓蔡小朋友
这篇文章主要介绍了JS消息弹框alert、confirm、prompt,文中还给大家介绍了js的三大基础弹框，结合示例代码给大家介绍的非常详细，需要的朋友可以参考下
alert 消息提示框：
用于警告，只有确定按钮。
alert(str);
confirm 消息对话框：
通过返回值可以判断用户点击了什么按钮 。
confirm(str);
当用户点击"确定"按钮时，返回true。
当用户点击"取消"按钮时，返回false。
prompt()消息输入框：
弹框中包含一个输入框和确认取消按钮，用户可以在输入框输入内容。
var reason = window.prompt(“请输入审核不通过理由：”, “”);
//1. 单纯判断用户是否填写“审核不通过理由”：
if(reason){
//用户填写了理由
}else{
//用户没有填写理由
}
//2. 要区分用户不输入内容点击的是“确定”还是“取消”：
if(reason){
alert(reason);//显示输入内容
//用户填写了内容并且点击的是“确定”
}else if(reason === “”){
//用户没有输入内容点击的“确定”
}else{
//点击的是“取消”
}补充：js的3大基础弹框
js的3大基础弹框:
1. 提示框(警告框): alert("内容");
弹框有一个确定按钮, 无返回值
示例:alert("弹框内容!")
2. 确认框: confirm("提示内容");
弹框有2个按钮: 确定/取消
点击确定返回true, 点击取消返回false
示例1: confirm("提示内容")
示例2: <a href="http://www.taobao.com" οnclick="return confirm('逛淘宝吗?')">去淘宝</a>
3. 输入框: prompt(参数);
参数1: 提示语句. 默认无提示
参数2: 默认值. 不同的浏览器默认值不一样.
返回值类型为 字符串
输入框示例:
<script>
// var str = prompt();
var str = prompt("请输入姓名", "");
document.writeln("您输入的是:" + str);
</script>到此这篇关于JS消息弹框alert、confirm、prompt的文章就介绍到这了,更多相关js消息弹框alert内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
下面小编就为大家带来一篇归纳下js面向对象的几种常见写法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要介绍了JavaScript 判断数据类型的4种方法，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-09-09
非常不错的ymyang 绘图效果代码。2009-04-04
纯javascript前端实现base64图片下载(兼容IE10+)
这篇文章主要介绍了纯javascript前端实现base64图片下载(兼容IE10+)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
本文将详解如何利用原生js+css+html实现的输入框搜索联想的功能，并集搜索关键字高亮效果，文中的示例代码讲解详细，需要的可以参考一下2022-06-06
这篇文章主要介绍了JS作用域闭包、预解释和this关键字,结合实例形式分析了javascript作用域闭包、预解释和this关键字在具体使用过程中的操作技巧与注意事项,需要的朋友可以参考下2016-12-12
uview组件库u-picker组件可能很多人不熟悉,下面这篇文章主要给大家介绍了关于uniapp u-picker多列用法以及设置默认选中值的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了微信小程序事件 bindtap bindinput代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了微信小程序 wepy框架与iview-weapp的用法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-04-04
这篇文章主要介绍了filter() 数组过滤的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-11-11
最新评论