首页 > 代码库 > 三种对话框的示例（alert，confirm，prompt）

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

2024-08-15 20:04:56   217人阅读

示例代码

  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)



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


联系
我们