使用jQuery高效制作网页特效——第一章，javaScript基础课后作业

1.打印倒金字塔

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>金字塔</title>
    <style>
        div{
            width: 400px;
            margin: 0px auto;
            text-align: center;
        }
        hr{
            width: 50px;
            display: inline-block;
        }
    </style>
</head>
<body>
<div>
    <script type="text/javascript">
            document.write("金字塔<h2>")
            for(var i=7;i>0;i--){
                for(var j=0;j<=i-1;j++){
                    document.write("<hr/>")
                }
                document.write("<br/>")
            }
            for(var i=1;i<=6;i++){
                for(var j=0;j<i+1;j++){
                    document.write("<hr/>")
                }
                document.write("<br/>")
            }
    </script>
</div>
</body>
</html>

2.验证邮箱地址的有效性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>验证邮箱地址</title>
</head>
<body onload="email()">
    <script type="text/javascript">
        function email() {
            var email = prompt("请输入正确的邮箱地址","");
            var ema = email.substring(0,email.indexOf("@"));
            if(email.indexOf("@")<0||email.indexOf(".")<0){
                alert("邮箱名称必须包括@和.");
            }else if(email==""){
                alert("邮箱名不能为空！");
            }else {
                alert("邮箱格式正确，邮箱名为："+ema);
            }
        }
    </script>
</body>
</html>

3.星期周

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body onload="weekday()">
    <script type="text/javascript">
        function weekday() {
            var week = prompt("请输入今天星期几","");
            switch (week){
                case "星期一":
                    alert("新的一周开始了");
                    break;
                case "星期二":
                case "星期三":
                case "星期四":
                    alert("努力工作");
                    break;
                case "星期六":
                case "星期天":
                    alert("放松的休息")
                    break;
            }
        }
    </script>
</body>
</html>

使用jQuery高效制作网页特效——第一章，javaScript基础课后作业

猜你喜欢