JavaScript中的三种弹出框
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript中的三种弹出框相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>javascript中的三种弹出框</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 6 <script type="text/JavaScript"> 7 function alertExample(){ 8 alert("这是弹出框"); 9 } 10 11 function confirmExample(){ 12 var r=confirm("按下按钮"); 13 if (r==true){ 14 //document.write("您按了确认！"); 15 alert("您按了确认！"); 16 }else if(r==false){ 17 //document.write("您按了取消！"); 18 alert("您按了取消！"); 19 } 20 } 21 22 function promptExample() { 23 var score;//分数 24 var degree;//分数等级 25 score = prompt("你的分数是多少？"); 26 if (score > 100){ 27 degree = ‘耍我？100分满分！‘; 28 }else{ 29 switch (parseInt(score / 10)) { 30 case 0: 31 case 1: 32 case 2: 33 case 3: 34 case 4: 35 case 5: 36 degree = "恭喜你，又挂了！"; 37 break; 38 case 6: 39 degree = "勉强及格"; 40 break; 41 case 7: 42 degree = "凑合，凑合" 43 break; 44 case 8: 45 degree = "不错，不错"; 46 break; 47 case 9: 48 case 10: 49 degree = "高手高手，佩服佩服"; 50 } 51 } 52 alert(degree); 53 } 54 </script> 55 </head> 56 <body> 57 <input type="submit" value="alert" onclick="alertExample()" /> 58 <input type="submit" value="confirm" onclick="confirmExample()" /> 59 <input type="submit" value="prompt" onclick="promptExample()" /> 60 </body> 61 </html>
以上是关于JavaScript中的三种弹出框的主要内容，如果未能解决你的问题，请参考以下文章