码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-10-06 22:30:54      阅读:143      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!