快速编程JS初级教程1

简单学习之后，就可以达到以下效果：

1.循环和分支，是不是很简单。5行20列的星号，奇数列和偶数列不同

 for(i=1;i<=5;i++)
{
	for(j=1;j<=20;j++)
	{		
		if(j%2==0)
		{
			document.write("-");
		}
		else
		{
			document.write("*");
		}
	}
	document.write("<br />");
 }

2.三角形效果

for(i=1;i<=5;i++)
{
	for(j=1;j<=20;j++)
	{		
		if(j<=i)
		{
			document.write("*");
		}
		 
	}
	document.write("<br />");
 }

3.函数的定义和调用，解决重复的事，输出梯形，平行四边形

function DrawSibian(str1, str2)
{
 
 for(i=1;i<=5;i++)
{

	for(j=1;j<=i;j++)
		document.write(str1);
		
	for(j=1;j<=10;j++)
		document.write(str2);

	document.write("<br />");
 }
}

DrawSibian("-", "*");
DrawSibian(" ", "A");  

运行效果:

4. 数组

var ar=new Array();
ar[0]=15;
ar[1]=10;
ar[2]=16;
ar[3]=20;

for(var i=0;i<ar.length;i++){
        document.write(ar[i]);
        document.write(" ");	
	}

5.二维数组

var ar=new Array();
 for(var i=0;i<3;i++){
       ar[i]=new Array();	
	}
	ar[0][0]="胜10";
	ar[0][1]="输5";
		ar[1][0]="胜8";
	ar[1][1]="输6";
		ar[2][0]="胜3";
	ar[2][1]="输10";
	
	for(var i=0;i<ar.length;i++){
    for(var j=0;j<ar[i].length;j++){
        document.write( ar[i][j] );
        document.write(" ");
		
    }
    document.write("<br/>");
	}

6.游戏地图，成功

var ar=new Array();
for(i=0;i<9;i++)
{
	ar[i]=new Array();
	for(j=0;j<9;j++)
	{
		ar[i][j]=5; //background		
		if(j==0)
			ar[i][j]=2; //wall		
		if(i==8)
			ar[i][j]=2;	// wall
	}
}
ar[2][3]=1; //tank
ar[2][6]=1;
ar[4][6]=1;
////////////////////////////////////////

for(var i=0;i<ar.length;i++){
    for(var j=0;j<ar[i].length;j++){
        document.write("<img width=50 src='tank"+ar[i][j]+".png' />");
    }
    document.write("<br/>");
	}

7.效果

其他资源：

java多人联机对战源码和录像1709.1

下载地址: https://download.csdn.net/download/weixin_42644456/10529566