js消息弹框alert

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

js消息弹框alert

姓蔡小朋友   2022-09-29 我要评论

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>

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们