论坛
门户
内部优惠
喜欢
话题
VIP会员
搜索
新浪微博
登录
注册
100%
100%
首页
>
网页设计
>
jsp技术
>
js中的循环的实例
回复
« 返回列表
灯火互联
管理员
注册日期
2011-07-27
发帖数
41778
QQ
火币
41290枚
粉丝
1086
关注
100
加关注
写私信
打招呼
阅读:
3446
回复:
0
js中的循环的实例
楼主
#
更多
只看楼主
倒序阅读
发布于:2011-12-10 15:02
保存
100%
100%
[]
1
乘法口决
// for (i = 1;i <= 9; i++) { //控制行
// for (j= 1; j <= i; j++) { //控
// document.write(i+"*"+j+"="+(i*j)+";nbsp");
// }
// document.write("<br/>");
// }
/*
*
***
*****
*/
// for (i = 1;i <= 5; i++) { //控制行
// for (j= 1; j <= 2*i-1; j++) { //控
// document.write("*");
// }
// document.write("<br/>");
// }
/*
*
***
*****
*******
*********
***********
*************
***************
*****************
*******************
*/
// for (i = 1;i <= 10; i++) {
// //打印空格
// for (t= 1; t <= 10 - i; t++) {
// document.write(";nbsp");
// }
// for (j = 1; j <= 2*i - 1; j++) {
// document.write("*");
// }
// document.write("<br/>");
// }
//打印出菱形的图形
// for (i = 1; i <= 5; i++) {
// //打印空格
// for (t= 1; t <= 5-i; t++) {
// document.write(";nbsp");
// }
// for (j= 1; j <= 2*i - 1; j++) {
// document.write("*");
// }
// document.write("<br/>");
// }
/*
行数 星数 空格数
*/
for (i = 4; i >= 1; i--) {
// for(t = 4; t >= i; t--)
for (t = 5-i; t >= 1; t--)
{
document.write(" ");
}
for (j = 1; j <= 2 * i - 1; j++) {
document.write("*");
}
document.write("<br/>");
}
可以使用for 循环来实现一些相关的图像
例如打印菱形:
*
***
*****
*******
*********
*******
*****
***
*
//打印出菱形的图形
for (i = 1; i <= 5; i++) {
//打印空格
for (t = 1; t <= 5-i; t++) {
document.write(";nbsp");
}
for (j = 1; j <= 2*i - 1; j++) {
document.write("*");
}
document.write("<br/>");
}
/*
行数 星数 空格数
*/
for (i = 4; i >= 1; i--) {
// for(t = 4; t >= i; t--)
for (t = 5-i; t >= 1; t--)
{
document.write(" ");
}
for (j = 1; j <= 2 * i - 1; j++) {
document.write("*");
}
document.write("<br/>");
}
/*
*
* *
* *
* *
* * * * *
*/
for(i=1;i<=5;i++)
{
//打印空格
for(t=1;t<=5-i;t++)
{
document.write(" ");
}
for(j=1;j<=2*i-1;j++)
{
//打印除最后一行的其他行,第一和最后一列打*,其他空格
if(i<5)
{
if(j==1 || j==2*i-1)
document.write("*");
else
document.write(" ");
}
else//最后一行,奇数*,偶数空格
{
if(j%2!=0)
document.write("*");
else
document.write(" ");
}
}
document.write("<br/>");
}
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>打印三角形</title>
</head>
<body style="text-align:center;">
<script type="text/
java
script">
var k=prompt("请输入打印的行数:","");
for(var i=1;i<=k;i++)
{
for(varj=0;j<i;j++)
{
document.write("* ");
}
document.write("<br/>");
}
</script>
</body>
</html>
喜欢
0
评分
0
最新喜欢:
淘宝天猫隐藏优惠券地址
回复
100%
发帖
回复
« 返回列表
普通帖
您需要登录后才可以回帖,
登录
或者
注册
100%
返回顶部
关闭
最新喜欢