HTML/javascript打印九九乘法表

最新推荐文章于 2023-10-13 14:26:10 发布

原创最新推荐文章于 2023-10-13 14:26:10 发布 · 4.7k 阅读

15 ·

CC 4.0 BY-SA版权

本文通过HTML和JavaScript实现了一个简单的九九乘法表网页展示。该网页使用内联样式设置了表格布局，并通过JavaScript动态生成了1到9的乘法表。此示例适合初学者学习如何将基本的网页元素与简单的脚本结合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>
    <style>
        *{padding: 0;
        margin: 0}
        table {
            border: 2px solid black;
            text-align: center;
            width: 800px;
            height: 400px;
            margin-top: -150px;
            border-collapse: collapse;
            }
        td {
            border: 1px solid black;
                   }
    </style>
</head>
<body>

<script type="text/javascript">
    <!--col代表列-->
    /*row代表行*/
document.write('<table>');
    for (var row=1;row<=9;row++){
        document.write('<tr>');
        for (var col=1;col<=row;col++){
            var ji=col*row;
            document.write('<td>'+col+'*'+row+'='+ji+'&nbsp'+'<td>' );
        }
        document.write('</tr>');
        document.write('<br>')
    }
document.write('</table>');
</script>
</body>
</html>

在这里插入图片描述