js练习题1

最新推荐文章于 2024-04-28 03:19:28 发布

蓝枕

最新推荐文章于 2024-04-28 03:19:28 发布

阅读量113

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/yuyuyu0w0/article/details/124216908

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前提：上了学校老师的js课一个月，发现自己什么都不会，所以打算自学，就用这个来记自己都学了些啥吧
Day 4-15
今天老师留了一个作业，说是要把九九乘法表居中输出
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>带框乘法表</title>
  	<!-- 样式表-->
    <style>
    /* 设置表格样式：居中，3px的边框 边框颜色为#03A9F5 */
        table{
            margin: 0 auto;
            border: 3px;
            border-color:#03A9f5;
        }
    </style>
</head>
<body>
    <center><h1>九九乘法表</h1></center>
    <script>
        var a = 1;
        //表的边框设为1层，单元格之间的距离为5
        document.writeln('<table border="1" cellspacing="5">');
        for (var i = 1; i < 10; i++) {
            document.writeln('<tr>');
            for (var j = 1; j < (i+1); j++) {
                a = j * i;
                document.writeln('<td>');
                document.writeln(j +'*'+ i +'='+ a +'&nbsp');
                document.writeln('</td>');
            }  
            document.writeln('</tr>'); 
        }
        document.writeln('</table>');
    </script>
</body>
</html>

效果图为：
在这里插入图片描述

蓝枕

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js练习题1

前提：上了学校老师的js课一个月，发现自己什么都不会，所以打算自学，就用这个来记自己都学了些啥吧Day 4-15今天老师留了一个作业，说是要把九九乘法表居中输出代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
复制链接

扫一扫