JS弹出对话框函数alert(),confirm(),prompt()

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS弹出对话框函数alert(),confirm(),prompt()相关的知识，希望对你有一定的参考价值。

1，警告消息框alert()

       alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 html 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。 

2，确认消息框confirm()

       使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。 

3，提示消息框prompt()

       提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数，则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则，默认文本为 "<undefined>"。 与alert( ) 和 confirm( ) 方法类似，prompt 方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框 。

4，实例

<html>
<head>
<script type="text/javascript">
    function disp_alert(){
        window.alert("Hello World!");
    }
    function disp_confirm(){
        var truthBeTold = window.confirm("年满18岁请继续！");
        if(truthBeTold){
            window.alert("成人影片！");
        }else{
            window.alert("少儿不宜！");
        }
    }
    function disp_prompt(){
        var name = window.prompt("Please enter your name","");
        if (name!=null && name!=""){
            window.alert("Hello " + name + "!");
        }
    }
</script>
</head>
<body>
<input type="button" onclick="disp_alert()" value="alert button" />
<input type="button" onclick="disp_confirm()" value="confirm button" />
<input type="button" onclick="disp_prompt()" value="Display a prompt box" />
</body>
</html>

　　

以上是关于JS弹出对话框函数alert(),confirm(),prompt()的主要内容，如果未能解决你的问题，请参考以下文章

alert() confirm() prompt() 的区别?

alert,confirm与prompt的用法，各自属于啥客户端？

怎么用JavaScript实现自动点击由confirm弹出的对话框中的“确定”按钮？

JS弹出对话框的三种实现方式的意义

html如何修改alert和confirm对话框的按钮文字?

Java中对话框的弹出