Heim > Artikel > Web-Frontend > JS-Implementierung eines Beispiels für die Druckmethode der Multiplikationstabelle

JS-Implementierung eines Beispiels für die Druckmethode der Multiplikationstabelle

小云云Original: 2018-03-13 15:48:083750Durchsuche

Dieser Artikel zeigt Ihnen hauptsächlich, wie Sie die Multiplikationstabelle mit JS drucken. Ich hoffe, er kann Ihnen helfen.

Schritte

1. Machen Sie zuerst eine Schleife und buchstabieren Sie die gesamte Multiplikationstabelle

2. Fügen Sie die Multiplikationstabelle in eine Tabelle ein

3. Fügen Sie einfach einige Stile zur Tabelle hinzu

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS打印九九乘法表</title>
    <style media="screen">
      /* 简单给整个table加点样式 */
      table{
        border-collapse: collapse;
      }
      table tr{
        border: 1px solid #666;
      }
      table tr th{
        border: 1px solid #666;
        color: #999;
        padding:10px;
      }
    </style>
  </head>
  <body>
    <script type="text/javascript">
    // 创建table
    document.write("<table>");
      // 打印九九乘法表
      for(var x = 1;x <= 9;x++){
        // 创建tr
        document.write("<tr>");
        for(var y = 1;y <= x;y++){
          // 公式里创建th
          document.write(&#39;<th>&#39; + x + &#39;*&#39; + y + &#39;=&#39; + (x * y) + &#39;</th>&#39;)
        }
        // 闭合tr
        document.write("</tr>");
      }
    // 闭合table
    document.write("</table>")
    </script>
  </body>
</html>

Verwandte Empfehlungen:

Ein Beispiel für die Verwendung einer Doppelschichtschleife zur Implementierung der Multiplikationstabelle

js implementiert den exquisiten Multiplikationstabellen-Effektcode

JS implementiert die symmetrischen Multiplikationstabellen_Javascript-Fähigkeiten nach oben, unten, links und rechts

Das obige ist der detaillierte Inhalt vonJS-Implementierung eines Beispiels für die Druckmethode der Multiplikationstabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ausführliche Erläuterung der Beispiele für die Rich-Text-Verarbeitung von js und die FormularübermittlungsfunktionNächster Artikel：Ausführliche Erläuterung der Beispiele für die Rich-Text-Verarbeitung von js und die Formularübermittlungsfunktion

In Verbindung stehende Artikel

Mehr sehen