JavaScript 九九乘法表

最新推荐文章于 2023-07-20 21:11:15 发布

原创最新推荐文章于 2023-07-20 21:11:15 发布 · 746 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #九九乘法表

web基础专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现99乘法表的方法。通过嵌套for循环和DOM操作，生成了一个带有边框的表格，展示了1到9的乘法运算结果。此代码示例适用于网页开发初学者学习和理解基本的HTML结构和JavaScript语法。

99乘法表

		<html lang="en">
		<head>
		    <meta charset="UTF-8">
		    <title>99乘法表</title>
		    <style>
		        td{
		            border: 1px solid;
		        }
		
		    </style>
		
		    <script>
		
		        document.write("<table  align='center'>");
		
		
		        //1.完成基本的for循环嵌套，展示乘法表
		        for (var i = 1; i <= 9 ; i++) {
		            document.write("<tr>");
		            for (var j = 1; j <=i ; j++) {
		                document.write("<td>");
		
		                //输出  1 * 1 = 1
		                document.write(i + " * " + j + " = " + ( i*j) +"&nbsp;&nbsp;&nbsp;");
		
		                document.write("</td>");
		            }
		            /*//输出换行
		            document.write("<br>");*/
		
		            document.write("</tr>");
		        }
		
		        //2.完成表格嵌套
		        document.write("</table>");
		
		    </script>
		</head>
		<body>
		
		</body>
		</html>