首页 > 代码库 > JavaScript中的三种弹出框

JavaScript中的三种弹出框

2024-09-15 02:45:29   213人阅读

 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中的三种弹出框


联系
我们