第一章使用jQuery高效制作网页特效课后作业

1.使用JavaScript打印倒正金字塔
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打印倒正金字塔</title>
    <style>
        hr{
            width: 20px;
            display: inline-block;
        }
        div{
            text-align: center;
        }
    </style>
</head>
<body>
    <div>
        <h3>打印倒正金字塔直线</h3>
        <script>
            for (var i=6;i>0;i--){
                for (var j=0;j<i;j++){
                    document.write("<hr/>");
                }
                document.write("<br/>");
            }
            for (var n=2;n<=6;n++){
                for (var o=0;o<n;o++){
                    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>
    <input type="button" value="点击验证邮箱" onclick="mail()"/>
    <script>
        function mail() {
            var flag=true;
            while (flag){
            var nun =prompt("请输入正确的邮箱","[email protected]");
            if (nun==""){
                alert("邮箱不能为空!")
            }else if(nun.indexOf("@")==-1 && nun.indexOf(".")==-1){
                alert("邮箱必须包含@和.")
            }else {
                alert(nun)
            }
            }
        }
    </script>
</body>
</html>
3.使用prompt()方法弹出提示对话框,根据用户输入星期几的不同,弹出不同的信息提示
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>工作日选择</title>
</head>
<body>
    <script>
        var week;
        var flag=true;
        week=prompt("请输入今天星期几:");
        switch (week){
            case "星期一":
                alert("新的一周开始了");
                break;
            case "星期二":
            case "星期三":
            case "星期四":
                alert("努力工作");
                break;
            case "星期五":
                alert("明天就是周末了");
                break;
            default:
                alert("放松的休息");
        }
    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/duanhaifeng55/article/details/80979976