jQuery第一章课后作业

最新推荐文章于 2018-12-01 13:27:50 发布

suixinCaesar

最新推荐文章于 2018-12-01 13:27:50 发布

阅读量1.1k

点赞数

分类专栏： jQuery制作网页高级特效

本文链接：https://blog.csdn.net/suixincaesar/article/details/80977787

版权

jQuery制作网页高级特效专栏收录该内容

14 篇文章 5 订阅

订阅专栏

第3题打印倒正金字塔

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打印倒金字塔</title>
    <style>
        hr{width: 50px;display: inline-block}
        #suixin{margin: 0px auto;text-align: center}
    </style>

</head>
<body>
    <div id="suixin">
        <h2>打印倒金字塔</h2>
        <script>
            for (i=7;i>=2&&i<=7;i--) {
                for (j = i; j <=(2*i-1);j++) {
                    document.write("<hr>");
                }
                document.write("<br>");
            }
            document.write("<hr>"+"<br>")
            for (i=2;i<=7;i++) {
                for (j = i; j <=(2*i-1);j++) {
                    document.write("<hr>");
                }
                document.write("<br>");
            }
        </script>
    </div>
</body>
</html>

第4题验证邮箱

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>验证邮箱地址</title>
    <script>
        function isEmail(email){
            if(email==""){
                alert("邮箱不能为空");
            }else if(email.split("@").length==1||email.split(".").length==1){
                alert("邮箱地址必须包含@和.")
            }else{
                var arr = email.split("@");
                alert("邮箱地址正确，邮箱名称是："+arr[0]);
            }
        }
    </script>
</head>
<body>
    <input type="button" value="邮箱验证" οnclick="isEmail(prompt('请输入正确的邮箱地址','suan@sohu.com'))"/>
</body>
</html>

第5题 weekday

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>弹出不同日期</title>
    <script>
        function isDay(str) {
            switch (str){
                case "星期一":
                    alert("新的一周开始了！");
                    break;
                case "星期二":
                case "星期三":
                case "星期四":
                    alert("努力工作！");
                    break;
                default:
                    alert("放松休息吧！");
                    break;
            }
        }
    </script>
</head>
<body>
    <input type="button" value="请输入星期几？" οnclick="isDay(prompt('请输入今天是星期几：'))">
</body>
</html>

suixinCaesar

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
jQuery第一章课后作业

第3题打印倒正金字塔&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;打印倒金字塔&lt;/title&gt; &lt;style&gt; hr{width: 50px
复制链接

扫一扫