三種對話框的示例（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("警告對話框\n常用於輸出一些提示信息");
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)