首页 > 代码库 > JS弹出对话框函数alert(),confirm(),prompt()

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="http://www.mamicode.com/alert button" /><input type="button" onclick="disp_confirm()" value="http://www.mamicode.com/confirm button" /><input type="button" onclick="disp_prompt()" value="http://www.mamicode.com/Display a prompt box" /></body></html>

  

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