JavaScript的三种消息框alert,confirm,prompt

来源:互联网 发布:cda数据分析师证书考试 编辑:程序博客网 时间:2024/05/14 17:05
1. alert是弹出警告框,在文本里面加入\n就可以换行。
2. confirm弹出确认框,会返回布尔值,通过这个值可以判断点击时确认还是取消。true表示点击了确认,false表示点击了取消。
3. prompt弹出输入框,点击确认返回输入框中的值,点击取消返回null
下面是详细的例子:
[html] view plain copy
  1. <html>  
  2. <head>  
  3. <script type="text/javascript">  
  4. function show_alert(){  
  5.     alert('第一行\n第二行');  
  6. }  
  7.   
  8. function show_confirm(){  
  9.     var result = confirm('是否删除!');  
  10.     if(result){  
  11.         alert('删除成功!');  
  12.     }else{  
  13.         alert('不删除!');  
  14.     }  
  15. }  
  16.   
  17. function show_prompt(){  
  18.     var value = prompt('输入你的名字:', '默认名字');  
  19.     if(value == null){  
  20.         alert('你取消了输入!');  
  21.     }else if(value == ''){  
  22.         alert('姓名输入为空,请重新输入!');  
  23.         show_prompt();  
  24.     }else{  
  25.         alert('你好,'+value);  
  26.     }  
  27. }  
  28. </script>  
  29. </head>  
  30. <body>  
  31. <input id="alert_button" type="button" value="alert" onclick="show_alert()" >  
  32. <input id="confirm_button" type="button" value="confirm" onclick="show_confirm()" >  
  33. <input id="prompt_button" type="button" value="prompt" onclick="show_prompt()" >  
  34. </body>  
  35. </html> 
0 0