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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了微信小程序通过uni-app进行全局分享，小编觉得挺不错的，现在分享给大家，需要的朋友可以收藏下2021-11-11
js 复制网页内容的方法代码有很多不过要兼容各浏览器就不多了，下面有个不错的方法，大家可以尝试操作下2013-12-12
从JavaScript纯函数解析最深刻的函子 Monad实例
这篇文章主要为大家介绍了从JavaScript纯函数解析最深刻的函子 Monad实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
string和array作为javascript内置对象,其中许多方法无论是在开发过程中,还是在面试的时候都有机会被面试官问到，下面这篇文章主要给大家介绍了关于JavaScript中Array方法你该知道的正确打开方法，需要的朋友可以参考下2018-09-09
今天，测试报过来一个js bug, 在IE8下有个js错误，但是在其它浏览器下(Firefox, Chrome, IE9)下面都很正常。后来调试发现原因是在IE8下，js数组没有indexOf方法。2013-04-04
bootstrap-table+treegrid实现树形表格
这篇文章主要为大家详细介绍了bootstrap-table+treegrid实现树形表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要给大家介绍了关于iframe跨域POST提交的相关资料,文中给出了详细的介绍与示例代码，相信对大家的学习或者工作具有一定的参考借鉴价值，需要的朋友可以一起来学习学习。2017-01-01
这篇文章主要介绍了JS实现3D图片旋转展示效果代码,可实现页面元素的3D旋转变换效果,涉及JavaScript动态数学运算的相关技巧,需要的朋友可以参考下2015-09-09
js switch case default 的用法示例介绍
switch case default的用法应该存在一部分人不会使用吧，其实很简单就是每个case后，一定要加：break；default，就相当于else，不会的朋友可以了解下2013-10-10
这篇文章主要介绍了js实现黑色简易的滑动门网页tab选项卡效果,可实现简单的鼠标滑过tab项切换对应菜单的功能,涉及javascript鼠标事件控制页面元素的遍历与样式改变实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
最新评论