JS消息弹框alert、confirm、prompt的实现代码_javascript技巧_

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: 去淘宝

    3. 输入框: prompt(参数);
            参数1: 提示语句. 默认无提示
            参数2: 默认值. 不同的浏览器默认值不一样.
            返回值类型为 字符串
输入框示例:

到此这篇关于JS消息弹框alert、confirm、prompt的文章就介绍到这了,更多相关js消息弹框alert内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！