首页 > 其他 > 详细

三种对话框的示例(alert,confirm,prompt)

时间:2016-10-06 22:30:45      阅读:257      评论:0      收藏:0      [点我收藏+]

示例代码

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





三种对话框的示例(alert,confirm,prompt)

原文:http://www.cnblogs.com/Jener/p/5935017.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!