html九九乘法表

HTML九九乘法表

千次阅读

2019-04-16 18:51:26

在这里插入图片描述
会变颜色的九九乘法表哦！

代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>九九乘法表</title>
	<style type="text/css" media="screen">
		div{display: inline-block;width: 70px;height: 20px;text-align: center;background: white;margin-left: 20px;margin-top: 10px;}
	</style>
</head>
<body>

</body>
	<script type="text/javascript">
		setTimeout("location=location; ", 5000);//每几秒刷新一回页面  
		// 放在函数体内每几秒调用一会函数（前提，函数已经被调用过一回）setTimeout("函数名", 5000);

		//随机颜色函数
		function se(){
			var a = "#";
			for(var i = 0;i<6;i++){
				a += Math.floor(Math.random()*16).toString(16);
			}
			return a;
		}

		//循环体
		for(var i = 1; i < 10;i++){
			for(var j = 1; j <= i;j++){
				document.write("<div style='color:"+se()+";'>"+j+"x"+i+"="+i*j+"</div>")
			}
			document.write("<br>")
		}
	</script>
</html>

更多相关内容

九九乘法表.html
2019-05-17 10:54:16

九九乘法表作为js入门的经典案例，可以帮助我们快速了解for循环的语法和基本的dom操作，希望可以帮助到大家

收起
九九口诀乘法表.html
2019-11-06 09:32:08

简单示例的HTML代码，方便初学者的学习和应用，希望有所帮助。

收起
js实现华丽的九九乘法表效果
2020-12-03 03:46:04

span实现的乘法表</title> <style type="text/css"> .wrap { width: 800px; margin: 20px auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: ...

收起
九九乘法表php代码
2018-11-29 10:42:17

学习php第一天，自己写的九九乘法表php代码，希望对新手有所帮助。

收起

php语言

HTML做一个九九乘法表

2021-12-13 14:56:46

九九乘法表 如下图：代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>九九乘法表</title> <h2>九九乘法表</h2> <br/&...

                               九九乘法表

如下图：
在这里插入图片描述
代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>九九乘法表</title>
		<h2>九九乘法表</h2>
		<br/>
	</head>	
	<body>
		<script language="JavaScript">
			function mine()
			{
				for(i=1;i<=9;i++)
				{
					for(j=1;j<=i;j++)
					{
						document.write(j+"*"+i+"="+j*i+"&nbsp "+" &nbsp");
					}
				document.write("<br/>")
				}	
				
			}
			mine();
		</script>
	</body>
</html>

收起

展开全文

前端

HTML九九乘法表的灵活应用

万次阅读 2017-02-03 11:19:55

九九乘法表是一个每个人都会的算法表，在生活中我们也会经常的用到这个算法表，所以今天就写了下在HTML里面怎么生成九九乘法表和怎么灵活应用，显示时生成不同的效果。一、默认生成效果图如下： HTML页面的...

九九乘法表是一个每个人都会的算法表，在生活中我们也会经常的用到这个算法表，所以今天就写了下在HTML里面怎么生成九九乘法表和怎么灵活应用，显示时生成不同的效果。

一、默认生成

效果图如下：

HTML页面的代码如下：

<html>
<head>
<title>九九乘法表</title>
<style type="text/css">  
table{  
    width:600px;  
    border-collapse:collapse;  
    }  
table th{  
    border:red 1px solid  ;
    }  
</style> 
</head>
<body align="center">  
<script type="text/javascript">  
//通过生成一个表格，在每个格子里面输出
document.write("<table>");   
//运用2层for循环来进行
for (var x = 1; x <= 9; x++)  
{  
    document.write("<tr>");  
    for (var y = 1; y <= x; y++)  
    {  
        document.write("<th>"+y+"*"+x+"="+y*x+"</th>");  
		 
    }  
}  
document.write("</table>");
</script>  
</body>
</html>

二、倒过来生成

效果图如下：

HTML页面的代码如下：

<html>
<head>
<title>九九乘法表</title>
<style type="text/css">  
table{  
    width:600px;  
    border-collapse:collapse;  
    }  
table td{  
    border:blue 1px solid ;
	font-weight:bold;
	text-align:center;
    }  
</style> 
</head>
<body align="center">  
<script type="text/javascript">  
//通过生成一个表格，在每个格子里面输出
document.write("<table>");   
//在第一层for循环里面进行2个for循环
for (var x = 9; x>=1; x--)  
{  
    document.write("<tr>"); 
	//这层是循环输出空格子的
	for(var i=1;i<10-x;i++){
		 document.write("<th></th>");  
	}	
	//再倒过来输出
		for (var y = x; y>=1; y--)  
		{  
		
        document.write("<td>"+y+"*"+x+"="+y*x+"</td>");   
    }  
}  
document.write("</table>");
</script>  
</body>
</html>

三、2种结合显示。

效果图如下：

HTML页面的代码如下：

<html>
<head>
<title>九九乘法表</title>
<style type="text/css">  
table{  
    width:600px;  
    border-collapse:collapse;  
    }  
table th{  
    border:red 1px solid  ;
    }  
table td{  
    border:blue 1px solid ;
	font-weight:bold;
	text-align:center;
    }  
</style> 
</head>
<body align="center">  
<script type="text/javascript">  
//通过生成一个表格，在每个格子里面输出
document.write("<table>");   
//在第一层for循环里面进行2个for循环
for (var x = 1; x <= 9; x++)  
{  
    document.write("<tr>");  
	//第1个for循环,默认显示
    for (var y = 1; y <= x; y++){  
        document.write("<th>"+y+"*"+x+"="+y*x+"</th>");   
    }  
	//第2个for循环倒过来
	 for (var i = x+1; i <=9; i++)  {
		document.write("<td>"+i+"*"+x+"="+i*x+"</td>");  
	}
    document.write("</tr>");  
}  
document.write("</table>");
</script>  
</body>
</html>

收起

展开全文

JavaScript制作九九乘法表
2021-06-17 11:52:35
九九乘法表ul,li{margin: 0;padding: 0;list-style-type: none;}span{display: inline-block;width: 100px;height: 30px;font-size: 16px;text-align: center;border: 1px solid green;line-height: 30px;}document....
九九乘法表
ul,li{

margin: 0;

padding: 0;

list-style-type: none;

}

span{

display: inline-block;

width: 100px;

height: 30px;

font-size: 16px;

text-align: center;

border: 1px solid green;

line-height: 30px;

}

document.write('

');

for(var i=1; i<10; i++){

document.write('
');
for(var j=1; j<=i; j++){

document.write('' + j + '&times' + i*j + '');

}

document.write('
');
}

document.write('
');

javascript实现九九乘法表

CSS代码部分:

JavaScript写九九乘法表

javascript 实现九九乘法表

f ...
利用js的for循环实现一个简单的&OpenCurlyDoubleQuote;九九乘法表”

For循环九九乘法表 for循环是javascript中一种常用的循环语句,可以很好的解决在程序中需要重复执行某些语句,利用for循环实现简单的“九九乘法表”的效果: 让循环从小到大,依次排序,并计算 ...

随机推荐

使用dig查询dns解析

原文地址:使用dig查询dns解析作者:chenwenming 一般来说linux下查询域名解析有两种选择,nslookup或者dig,而在使用上我觉得dig更加方便顺手. 如果是在debian下的 ...

C++数组和指针

读书摘要与 vector 类型相似,数组也可以保存某种类型的一组对象:而它们的区别在于,数组的长度是固定的.数组一经创建,就不允许添加新的元素.指针则可以 ...

在Sql Server 中使用正则表达式

CREATE FUNCTION dbo.find_regular_expression ( ), --需要匹配的源字符串 ), --正则表达式 --是否区分大小写,默认为false ) RETURNS ...

xmlns&colon;android作用以及自定义布局属性

要定制Android layout 中的 attributes关键是要明白android中命名空间定义如: xmlns:android="http://schemas.android.com ...

SoapUI之cookie设置

一.测试背景: 1)接口测试需要完成注册-->登录-->充值,使用soapui构建好测试用例.设置断言后,运行结果如下: 2)recharge接口运行失败,继续查看该接口具体发送的请求及返 ...

tensorflow学习之(十一)将python代码写入文件

#save to file import tensorflow as tf import numpy as np ##(1)Save to file 把相关变量存储到文件中 #remember to ...

asp&period;net mvc5 下载文件方法

控制器自带的 FileContentResult 可以让我们很方便的返回文件到服务端,减少了很多步骤.用于下载文件的时候,像视频.文本.图片这种浏览器支持的文件,默认就会被浏览器打开.这时候想让它变成 ...

【sed】常用命令

替换替换某一整行 sed '1c hello' test #将第一行替换为hello str1替换为str2 sed 's/^str1.*/str2/' filename #以str1开头 sed ...

木块问题(UVa101)

题目具体描述见:https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_prob ...

Linux 下获取通讯IP

#!/bin/sh # filename: get_net.sh default_route=$(ip route show) default_interface=$() address=$(ip a ...
收起
展开全文
js写九九乘法表
2021-06-10 08:39:14

首先基础是一个表格；例//row=5col=5varstr="";varrow=1;while(rowstr+="";varcol=1;while(colstr+=""+row+"";col++;}str+="";row++;}str+="";document.body.innerHTML+=str;九九乘法表htmlhtml>Docu...

收起
九九乘法表制作.html
2021-06-08 15:53:44

Title 九九乘法口诀表一键复制编辑 Web IDE 原始数据按行查看历史

收起
html --九九乘法表
2021-05-12 22:49:42

比如：htmlContent += '<span align="center"style="border:1px solid black;font-size:25px;**display:inline-block;width:100px**">' 又或者: htmlContent += '<span style="border:1px solid black;font...

收起
九九乘法表制作
2021-06-08 15:53:18

九九乘法表table{ border-collapse: collapse; }table td{ border: 1px solid #ccc;padding: 3px 6px; }var str = '';for(var i = 1;i <= 10;++ i){str += '';for(var j = 1;j <= i;++ j ){str += ''+ j + '*'...

收起
HTML实现九九乘法表
千次阅读 2020-05-27 19:30:44

代码实现效果

收起
九九乘法表2.html
2021-06-07 09:51:38

九九乘法表

收起
JavaScript中实现for循环打印输出九九乘法表
2021-06-12 16:17:31

摘要：本文为JavaScript中实现for循环打印输出九九乘法表实例。引入下面列举的是从小氪到大的九九乘法表；第一行：1X1=1第二行：1X2=2 2X2=4第三行：1X3=4 2X3=6 3X3=9第四行：1X4=4 2X4=8 3X4=12 4X4=16……自行脑...

收起
html制作循环乘法表,js循环实现九九乘法表
2021-06-23 06:29:48

js里面的循环是日常编程中用的最多的也是最基础的，我们可以借着实现99乘法表的实现学习和熟练js的循环技巧。本文只实现99乘法表，但是大家可以根据自己的喜好练习使用循环打印各种不同的形状，如正方形或者三角行...

收起
js循环实现九九乘法表
2021-06-23 06:29:48

js里面的循环是日常编程中用的最多的也是最基础的，我们可以借着实现99乘法表的实现学习和熟练js的循环技巧。本文只实现99乘法表，但是大家可以根据自己的喜好练习使用循环打印各种不同的形状，如正方形或者三角行...

收起
用html编写简单的九九乘法表
万次阅读 2019-12-11 17:07:35

<!DOCTYPE html><!DOCTYPE html>

收起
jsp/javascript打印九九乘法表代码
2021-06-12 16:17:28

关注微信号：javalearns ... j++) { %> <% } %> <% } %> (j ) { %> *<%=i%>=* j%> <% } else %> javascript方式：复制代码代码如下: 99乘法表关注微信号：javalearns 随时随地学Java 或扫一扫随时随地学Java

收起
HTML乘法口诀表代码
2018-01-07 16:30:49

运用HTML编写的乘法口诀表，在HTML课程中通过练习乘法口诀的编写，熟练掌握HTML的编写

收起
使用web前端简单的写了个九九乘法表!
千次阅读 2021-06-08 15:53:15

最终简简单单地写了一个九九乘法表!我觉得基础的语法知识还是需要了解的.我就简单把一些比较重要或者有区别列举了出来!JavaScript基础语法JavaScript的输出：window.alert() 弹出警告框document.write() ⽅法将内容...

收起
用双重for循环生成九九乘法表
2021-06-23 06:29:50

一、 public static void main(String[] args) { for (int i=1;i;i++){ for(int j=1;j;j++){ System.out.print(i+"*"+j+"="+(i*j)+"\t"); } //内部每循环完一次...https://www.cnblogs.com/Hubert-dzl/p/10904554.html

收起
JavaScript九九乘法口诀表的简单实现
2020-10-21 09:46:31

主要介绍了JavaScript乘法口诀表的简单实现，文中给出了详细的示例代码，这样对大家的理解和学习更有帮助，有需要的朋友们可以参考借鉴，下面来一起看看吧。

收起
结合JSP与HTML做一个九九乘法表
2021-03-23 18:02:37

不说了，先上效果图，下面附有源码: 代码一:jsp表达式法 <...DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h

收起

jsp java
js生成随机颜色九九乘法表
2022-03-18 23:39:10

变颜色的九九乘法表 js代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九九乘法表</title> </head> <body> <script&...

收起
html制作循环乘法表,用双重for循环生成九九乘法表
2021-06-23 06:29:49

一、public static void main(String[] args) {for (int i=1;i<=9;i++){for(int j=1;j<=i;j++){System.out.print(i+"*"+j+"="+(i*j)+"\t");}//内部每循环完一次，就换行一次System.out.println();...

收起
九九乘法表打印(js打印九九乘法表用表格显示)
2021-04-28 05:38:33

用数组或指针(循环也可以)编写程序打印99乘法口诀//输出格式可以按照自己的意思更改 //放在编译器里就可以编译了 #include void main() { int x,y; clrscr(); for(x=1;x编写程序，格式要求第一行1*1=1 第二行 1*2=2,...

收起
利用JavaScript将九九乘法表存放在表格里
2021-10-21 13:35:57

DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>for循环</title> <style> td { border: 1px solid pink; } </style> </head> &...

收起

javascript 前端

九九乘法表.html

九九口诀乘法表.html

js实现华丽的九九乘法表效果

九九乘法表php代码

HTML做一个九九乘法表

HTML九九乘法表的灵活应用

JavaScript制作九九乘法表

js写九九乘法表

九九乘法表制作.html

html --九九乘法表

九九乘法表制作

HTML实现九九乘法表

九九乘法表2.html

JavaScript中实现for循环打印输出九九乘法表

html制作循环乘法表,js循环实现九九乘法表

js循环实现九九乘法表

用html编写简单的九九乘法表

jsp/javascript打印九九乘法表代码

HTML乘法口诀表代码

使用web前端简单的写了个九九乘法表!

用双重for循环生成九九乘法表

JavaScript九九乘法口诀表的简单实现

结合JSP与HTML做一个九九乘法表

js生成随机颜色九九乘法表

html制作循环乘法表,用双重for循环生成九九乘法表

九九乘法表打印(js打印九九乘法表用表格显示)

利用JavaScript将九九乘法表存放在表格里

html九九乘法表