JS消息弹框alert、confirm、prompt的实现代码

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内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！