用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

循环嵌套练习

2014-08-04 作者: jun举报

[javascript]代码库

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>循环嵌套练习</title>
  	<style type="text/css">
  		table{
  			border: 1px blue solid;
  		}
  		td{
  			margin: 10px;
  			padding: 10px;
  		}
  	
  	</style>
  
  </head>
  
  
  <body>
  	<script type="text/javascript">
  		/*
  			需求:要求在页面上显示九九乘法表
  			1 * 1 = 1
  			1 * 2 = 2  2 * 2 = 4
  			1 * 3 = 3  2 * 3 = 6  3 * 3 = 9
  			
  			....
  			
  			1 * 9 = 9 ................................ 9 * 9 = 81
  			
  			可以使用一个循环控制每一个行输出的数据,但是这样的数据又有多行,行数也需要循环来控制
  			因此要完成这个程序,需要使用循环嵌套。
  			要把页面上的数据进行格式化一下,可以使用表格。
  		*/
  		//在还没有输出任何数据之前,前拼成表格第一个标签
  		document.write("<table>");
  		for( var i=1;i<=9;i++ ){
  			//在每一行的开始都需要一个<tr>
  			document.write("<tr>");
  			for( var j=1 ; j<=i;j++ ){
  				//这里是表格中的每个单元格
  				document.write("<td>"+j +"*"+i+"="+ i*j +"</td>");
  			}
  			//在每一行的结束</tr>
  			document.write("</tr>");
  		}
  		document.write("</table>");
  	
  	
  	
  	</script>
  </body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...