JavaScript中的三种弹出框的区别与使用

JavaScript中有三种原生的弹出框，分别是alert、confirm、prompt。分别表示弹出框、确认框、信息框。

以下是示例代码：

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript中的三种弹出框</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        
    </head>
    <body>
        <input type="submit" value="alert" onclick="alertExample()" />
        <input type="submit" value="confirm" onclick="confirmExample()" />
        <input type="submit" value="prompt" onclick="promptExample()" />
    </body>
    <script type="text/JavaScript">
        function alertExample(){
            alert("这是弹出框");
        }

        function confirmExample(){    
            var r=confirm("按下按钮");
              if (r==true){
                alert("您按了确认！");
            }else if(r==false){    
                alert("您按了取消！");
            }
        }    

        function promptExample() {
            var score;//分数
            var degree;//等级
            score = prompt("你的分数是多少？");
            if (score > 100){
                degree = '耍我？100分满分！';
            }else{
                switch (parseInt(score / 10)) {
                    case 0:
                    case 1:
                    case 2:
                    case 3:
                    case 4:
                    case 5:
                        degree = "恭喜你，又挂了！";
                        break;
                    case 6:
                        degree = "勉强及格";
                        break;
                    case 7:
                        degree = "凑合，凑合"
                        break;
                    case 8:
                        degree = "不错，不错";
                        break;
                    case 9:
                    case 10:
                        degree = "高手高手，佩服佩服";
                }
            }
            alert(degree);
        }
    </script>
</html>

 

posted @ 2017-04-15 17:25  一线大码  Views(732)  Comments(0)  Edit  收藏  举报