博主信息
博文 38
粉丝 0
评论 1
访问量 44281
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JS打印一个三角形和99乘法表
夜澜风的博客
原创
1288人浏览过

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JS打印一个三角形</title>
</head>
<body>
	<script type="text/javascript">
	var i="0";
	var x="*";
	while(i<30){
		var h=1;
		while(h<=i){
			document.write(x)
			h++
		}
		document.write('<br>')
		i++
		document.write('<center>')
	}


	</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jS乘法口诀</title>
</head>
<body>
	<script type="text/javascript">
	for (var i = 1; i <= 9; i++) {
		for (var j =i; j<= 9; j++) {
			var kong="   "
			if (i*j<10) {
					kong+="  "
				}
			
			document.write(i+'x'+j+'='+(i*j)+kong)
		
	}
	document.write('<br>')
}

	</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jS乘法口诀</title>
</head>
<body>
	<script type="text/javascript">
	for (var i = 1; i <= 9; i++) {
		for (var j =1; j<=i; j++) {
			var kong="   "
			if (i*j<10) {
				kong+="  "
			}
	document.write(i+'x'+j+'='+(i*j)+kong)
		
	}
	document.write('<br>')
}

	</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>打印三角形</title>
</head>

<body>
	<script type="text/javascript">
	var i=1;
	var x="*";
	while(i<=30){
		var j=1;               //j=1是初始化变量这里是每循环一次输出*号再换个行每次循环星号的个数加一
		while(j<=i){
		  document.write(x);
		j++                 //就是只要while(j<=i)条件成立那么就会执行并输出document.write(x)+1

		}
		document.write("<br>");
		i++	  //外层的循环市为了输出换行,里面的循环市为了输出星号
	
	}
	</script>
 <!-- 关于双while循环的理解:当i<=30的时候执行第二个循环j,当j小于等于i的时候执行输出“*”那这里的*为什么会每一次会增加1呢?为什么不是不直接x++? -->
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学