javascript输出九九乘法表

最新推荐文章于 2022-09-02 17:02:37 发布

原创最新推荐文章于 2022-09-02 17:02:37 发布 · 2.5k 阅读

CC 4.0 BY-SA版权

本文通过HTML与JavaScript实现了一个简单的九九乘法表，展示了如何使用内联块级元素(span)进行布局，以及如何利用JavaScript动态生成表格数据。通过这个例子，读者可以了解到HTML的基本结构，CSS的样式设置，以及JavaScript的基本语法和DOM操作。

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style>
           span {
               display: inline-block;
               width: 70px;
               border: 1px solid purple;
           }
       </style>
   </head>
   <body>
       <script>
           for (var i = 1; i <= 9; i++) {
               for (var j = 1; j <= i; j++) {
                   document.write('<span>')
                   document.write(i + 'x' + j + '=' + i * j + '\t')
                   document.write('</span>')
               }