文具盒正品:九九乘法表
源码:我用的【jQuery】
<!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>Document</title> <script src="https://code.jquery.com/jquery-3.4.0.min.js"></script> </head> <body> <h1>文具盒正品:九九乘法表</h1> <style> #tab { border: 1px solid black; border-collapse: collapse; } </style> <script> var tab = "<table border='1' id='tab'>"; for (let i = 1; i < 10; i++) { tab += "<tr>"; for (let j = 1; j <= i; j++) { tab += "<td>"; tab += j + "*" + i + "=" + (i * j); tab += "</td>"; } tab += "</tr>"; } tab += "</table>"; $("body").append(tab); </script> </body> </html>
很经典的案例,希望能对大家有所帮助。