A_forever的代码

5-4 有参数的函数

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>函数传参</title>

<script type="text/JavaScript">

   function add3(x,y,z)                 

	{

	  sum = x + y +z;

	  document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>");

	}

	add3(5,8,3);

    add3(7,1,4);

	 

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

5-3 函数调用

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>函数调用</title>

<script type="text/javascript">

function tcon()

  {

	alert("恭喜你学会函数调用了!");

  }

</script>

</head>

<body>

<form>

<input type="button"  value="点点我" onclick="tcon()">  

</form>

</body>

</html>

2015-07-17 查看完整代码

5-2 定义函数

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>定义函数</title>

<script type="text/javascript">

    function sub2()                     //定义函数

 {

   sub=5-2;

   alert("5和2的差:"+sub);

 }

</script>

</head>

<body>

<form>

    <input type="button" value="点击我" onclick="sub2()" />

</form>

</body>

</html>

2015-07-17 查看完整代码

5-1 什么是函数

2015-07-17 查看完整代码

4-10 编程练习

<!DOCTYPE  HTML>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>流程控制语句</title>

<script type="text/javascript">



 //第一步把之前的数据写成一个数组的形式,定义变量为 infos

 var infos = new Array();

 infos[0] = ['小A','女',21,'大一'];

 infos[1] = ['小B','男',23,'大三'];

 infos[2] = ['小C','男',24,'大四'];

 infos[3] = ['小D','女',21,'大一'];

 infos[4] = ['小E','女',22,'大四'];

 infos[5] = ['小F','男',21,'大一'];

 infos[6] = ['小G','女',22,'大二'];

 infos[7] = ['小H','女',20,'大三'];

 infos[8] = ['小I','女',20,'大一'];

 infos[9] = ['小J','男',20,'大三'];

 

  

 //第一次筛选，找出都是大一的信息

 document.write('找出都是大一的信息：'+'<br />')

 for(i=0;i<infos.length;i++){

     if(infos[i][3]!='大一'){

     continue;

     }

     document.write(infos[i]+'<br />');

}

  

 //第二次筛选，找出都是女生的信息

 document.write('筛选都是大一的女生的信息：'+'<br />')

 for(i=0;i<infos.length;i++){

     if(infos[i][3]!='大一'){

     continue;

     }

     document.write(infos[i]+'<br />');

}

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

2-9 我与你同在(逻辑与操作符）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 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=utf-8" />

<title>逻辑与</title>

<script type="text/javascript">

 var numa,numb;

 numa=60;

 numb=70;

 if(numa>=60&&numb>=60)

  {

  document.write("JavaScript考核通过！"+"<br>");

  }

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

4-9 继续循环continue

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>continue</title>

<script type="text/JavaScript">

 var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值

 var i;

 for(i=0;i<mynum.length;i++)

 {

  	if(mynum[i]<60)

    {

	document.write("成绩不及格，不输出！"+"<br>");

    continue;

	}

	document.write("成绩:"+mynum[i]+"及格，输出!"+"<br>");

}

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

4-8 退出循环break

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 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=utf-8" />

<title>break</title>

<script type="text/JavaScript">

var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值

var i=0;

while(i<mynum.length)

{

  if(mynum[i]<60)

   {

    document.write("成绩"+mynum[i]+"不及格，不用循环了"+"<br>");

    break;    

   }

  document.write("成绩:"+mynum[i]+"及格，继续循环"+"<br>");

  i=i+1;

  

}

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

4-7 来来回回(Do...while循环)

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>do...while</title>

<script type="text/javascript">

    var mynum =6;//mynum初值化数值为6

	

	do{

	document.write("数字:"+mynum+"<br/>");

	mynum=mynum-1;

	}

	while(mynum>0)

	</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

4-6 反反复复(while循环)

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>while</title>

<script type="text/javascript">

  var mynum =1;//mynum初值化数值为1

while(mynum<=5)

  {

	document.write("数字:"+mynum);

    mynum=mynum+1;	

   }

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

4-5 重复重复（for循环）

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>if...else</title>

<script type="text/JavaScript">

var mymoney,sum=0;//mymoney变量存放不同面值，sum总计

for(mymoney=1;mymoney<=10;mymoney++)

{ 

  sum= sum + mymoney;

}

  document.write("sum合计:"+sum);

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

4-4 多种选择（Switch语句)

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>switch</title>

<script type="text/JavaScript">

var myweek =3;//myweek表示星期几变量

switch(myweek)

{

 case 1:

 case 2:

 document.write("学习理念知识");

 break;

 case 3:

 case 4:

 document.write("到企业实践");

 break;

 case 5:

 document.write("总结经验");

break;

default:

 document.write("周六、日休息和娱乐");

}

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

4-3 多重判断（if..else嵌套语句）

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>if...else</title>

<script type="text/JavaScript">

var myage =99;//赵红的年龄为99

if(myage<=44)

  {document.write("青年");}

else if(myage<=59) 

  {document.write("中年人");}

else if(myage<=89)

  {document.write("老年人");}

else       

  {document.write("长寿老年人");}

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

4-2 二选一（if...else语句）

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>if...else</title>

<script type="text/JavaScript">

var ticket =true; //ticket初值为true，表示有票

if(ticket)  

{

document.write("有票，可以看电影。");

}

else	  

{

document.write("没票，电影看不成。");

}

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

4-1 做判断（if语句）

<!DOCTYPE HTML>

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>if语句</title>

<script type="text/JavaScript">

var mypen = "black"; //定义变量mypen，存储笔的黑色。

 if(mypen == "black")

{

document.write("笔是黑色的，所以购买");

}

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

3-8 编程练习

<!DOCTYPE  HTML>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>数组</title>

<script type="text/javascript">

 //创建数组

 var arr = new Array();

 arr = ['*','##',"***","&&","****","##*"];

 arr[7] = "**";

 //显示数组长度

 //alert(arr.length);

 //将数组内容输出，完成达到的效果。

 document.write(arr[0]+'<br />'+arr[7]

 +'<br />'+arr[2]+'<br />'+arr[4])



</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

3-7 二维数组

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>二维数组</title>

<script type="text/javascript">

    var myarr=new Array() ;

    for (var n=0,n<3,n++){

      myarr[n]=new Array();

      for (var m=0,m<5,m++){

        myarr[n][m]=n*m ;  

      }

    }



</script>

</head>



<body>

</body>

</html>

2015-07-17 查看完整代码

3-6 了解成员数量(数组属性length)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 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=utf-8" />

<title>数组长度</title>

<script language="javascript">

 var mynum=new Array(65,90,88,98);

 document.write("数组的长度是:"+mynum.length);

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

3-5 呼叫团里成员(使用数组元素)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 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=utf-8" />

<title>使用数组</title>

<script language="javascript">

 var myarr=new Array();

 myarr[0]="小红";

 myarr[1]="小明";

 myarr[2]="小亮";

 myarr[3]="小川";

 document.write("第二人的姓名是:"+ myarr[1] );

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

3-4 团里添加新成员（向数组增加一个新元素）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 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=utf-8" />

<title>增加新元素</title>

<script language="javascript">

 var myarray=new Array();

 myarray[0]=88;

 myarray[1]=90;

 myarray[2]=68;

 myarray[3]=99;

 document.write("数组第一个值是:"+myarray[0]+"<br>");

 document.write("数组第二个值是:"+myarray[1]+"<br>");

 document.write("数组第三个值是:"+myarray[2]+"<br>");

 document.write("数组新增加的值是:"+myarray[3]+"<br>");

</script>

</head>

<body>

</body>

</html>

2015-07-17 查看完整代码

热搜

最近搜索清空

A_forever

JavaScript进阶篇