JavaScript 九九乘法表

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

Jimbo_Chou

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

阅读量684

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web基础文章标签： JavaScript 九九乘法表

本文链接：https://blog.youkuaiyun.com/jimbo_chou/article/details/82814554

web基础专栏收录该内容

7 篇文章

订阅专栏

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

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

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>