JavaScript 三种基础消息弹框：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内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！