前端开发学习Day31

最新推荐文章于 2024-09-16 06:30:00 发布

weixin_34364071

最新推荐文章于 2024-09-16 06:30:00 发布

阅读量74

点赞数

文章标签：前端 javascript ViewUI

原文链接：https://juejin.im/post/5cdad4aa6fb9a03238108937

版权

第31天，主要学习了JavaScript中的基本语句，即条件判断语句，循环语句，跳转语句，异常处理语句，其中异常处理语句没有过多的学习，因为我觉得以后用到的地方不多。
重头学了一遍基本语句，弄明白了之前不理解的一些地方，还是有收获的。虽然写起来还是磕磕绊绊的，但是至少不会一头雾水了。今天比较难的练习有两个，一个是输出10行10列的表格，另一个就是输出三角形的金字塔。以下分别是俩练习的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <table align="center" border="1">
<script>
 var bgcolor;
        var i=0;
        while(i<10){
            if(i%2==0){
                bgcolor="#ffffff";
            }else{
                bgcolor="#eeeeee";
            }
            document.write("<tr bgcolor="+bgcolor+">");
            var j=1;
            while(j<=10){
            document.write("<td width=50 align=center>"+(i*10+j)+"</td>");
            j++;
            }
            document.write("</tr>");
            i++;

        }
</script>
    </table>
</body>
</html>
复制代码

输出金字塔：

            var i, j;
            for (i = 0; i < =5; i++) {
                for (j = 0; j <=5- i; j++) {
                    document.write('&nbsp')
                }
                for (j = 0; j < 2 * i - 1; j++) {
                    document.write('*')
                }
                document.write("<br>");
            }
复制代码

转载于:https://juejin.im/post/5cdad4aa6fb9a03238108937