三种对话框的示例（alert，confirm，prompt）

示例代码

1. <h2>JavaScriptDialog</h2>
2. <hr/>
3. <buttononclick="btn_alert()">alert：警告对话框</button>
4. <buttononclick="btn_confirm()">confirm：确定操作对话框</button>
5. <buttononclick="btn_prompt()">prompt：用户输入对话框</button>
7. <script>
8. /*alert的示例*/
9. function btn_alert(){
10. alert("警告对话框 常用于输出一些提示信息");
11. }
12. /*confirm的示例*/
13. function btn_confirm(){
14. var con = confirm("这是确定操作对话框，提供两个按钮供用户选择")
15. if(con ==true){
16. document.getElementById('out').innerHTML ="你选‘确定’";
17. }else{
18. document.getElementById('out').innerHTML ="你选'取消'";
19. }
20. }
21. /*prompt的示例*/
22. function btn_prompt(){
23. var pro=prompt("这是一个提示信息","用户请在此输入");
24. if(pro!=""){
25. document.getElementById('out').innerHTML="你输入的是： "+pro;
26. }if(pro==""){
27. document.getElementById('out').innerHTML="你什么都没输入，但按了“确定”";
28. }if(pro==null){
29. document.getElementById('out').innerHTML="你什么都没有输入，并按了“取消”"
30. }
31. }
32. </script>
33. <pid="out"></p>

 

来自为知笔记(Wiz)