xxxx3635041的代码

xxxx3635041

女更多信息

731h 学习时长

7913 经验

2 积分

10 关注

4 粉丝

课程 \ JavaScript进阶篇

JavaScript进阶篇

代码 109 问答 2

按时间按章节

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 myarray=new Array(70,80,66,90,50,100,89);

var i=0;

while(i<=myarray.length)

{

    if(myarray[i]<60)

    {

        document.write("成绩不及格，退出"+myarray[i]+"tuichu"+"<br>");

        break;

    }

        document.write("成绩及格，继续输出"+myarray[i]+"tuichu"+"<br>");



 i=i+1;

 }

</script>

</head>

<body>

</body>

</html>

2016-11-07 查看完整代码

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>

2016-11-07 查看完整代码

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>

2016-11-07 查看完整代码

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=0;

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

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

{ 

  sum= sum + mymoney;

}

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

</script>

</head>

<body>

</body>

</html>

2016-11-07 查看完整代码

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= 8;

switch(myweek){

    case 1:

        document.write("努力工作");

        break;

    case 2:

        document.write("工作");

        break;

    case 3:

        document.write("继续工作");

        break;

    case 4:

        document.write("开始偷懒");

        break;

    case 5:

        document.write("周末倒计时");

        break;

    case 6:

    case 7:

        document.write("完全海中");

        break;

    default:

        document.write("无活法");

}

</script>

</head>

<body>

</body>

</html>

2016-11-07 查看完整代码

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>

2016-11-07 查看完整代码

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 == true)  

{

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

}

else 	  

{

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

}

</script>

</head>

<body>

</body>

</html>

2016-11-05 查看完整代码

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("笔是黑色的，所以购买");

}



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

 if(mypen =="black")

{

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

}

</script>

</head>

<body>

</body>

</html>

2016-11-05 查看完整代码

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 = ["*","##","***","&&","****","##*"];

  arr[7] = "**";

 var arr2=new Array();

 //显示数组长度

 num=arr.length;

 document.write("数组长度"+num);

 j=0;

 //筛选符合要求的数组元素，并将其存入数组arr2；

 for(i=0;i<num;i++){

     if(arr[i]!=undefined){

     a=arr[i].indexOf("*");

	 b=arr[i].indexOf("#");	

     if(a!=-1&&b==-1){ 		 

         arr2[j]=arr[i];			 

         j++;

         } 

      }

    }

    //将arr2数组内容进行排序

    arr2=arr2.sort(); 

    

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



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

        document.write("<br/><br/>"+arr2[i]);    

    }

   



</script>

</head>

<body>



</body>

</html>

2016-11-05 查看完整代码

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 );

 document.write(mynum[3]);

</script>

</head>

<body>

</body>

</html>

2016-10-25 查看完整代码

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>

2016-10-25 查看完整代码

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>

2016-10-25 查看完整代码

3-3 谁是团里成员（数组赋值）

<!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(3);

 myarr[0]=88;

 myarr[1]=90;

 myarr[2]=68;

 





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

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

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

</script>

</head>

<body>

</body>

</html>

2016-10-25 查看完整代码

3-2 组团，并给团取个名（如何创建数组）

<!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 myarr= new Array();

myarr[0]=12;

 document.write("数组的第一个值："+myarr[0]);

</script>

</head>

<body>

</body>

</html>

2016-10-25 查看完整代码

3-1 一起组团（什么是数组）

<!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 myarr=new Array(); //定义数组

 myarr[0]=80; 

 myarr[1]=60;

 myarr[2]=99;

 document.write("第一个人的成绩是:"+myarr[0]);

 document.write("第二个人的成绩是:"+myarr[1]);

 document.write("第三个人的成绩是:"+myarr[2]);

</script>

</head>

<body>

 </html>

2016-10-25 查看完整代码

2-13 编程练习

<!DOCTYPE HTML>

<html>

<head>

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

<title>JS基础</title>

<script type="text/javascript">

  var a,b,sum;

  var  a  = 5;

  var  b  = 100%7;  

  sum = a > b && a*b > 0 ;

  document.write( "我认为 a 的值是:" + ?  + " b的值是:" + ? + "sum 的值是:" +　?+"<br/>");

  document.write( "答案是,第一轮计算后，a 为："+ a +";b为："+b +";第一次计算sum为："+ sum +"<br/>");



  sum = ( (++a) + 3 ) / (2 - (--b) ) * 3;  

  document.write( "再一次计算后，我认为 a 的值是:" +  ?  + " b的值是:" +  ? + "sum 的值是:" +  ? +"<br/>"); 

  document.write( "答案是，第二轮计算后，a 为：" + a + ";b为：" + b +";第二次计算sum为："+ sum +",sum的类型也发生变化了。");



</script>

</head>

<body>

</body>

</html>

2016-10-25 查看完整代码

2-12 保持先后顺序(操作符优先级）

<!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,jq1;

numa=5;

numb=2;

jq1=numa + 30 >10 && numb * 3<20;

jq2=((numa + 30) / (7-numb)) * 3

document.write("jq1的值是:"+jq1+"<br>");

document.write("jq2的值是:"+jq2);

</script>

</head>

<body>

</body>

</html>

2016-10-25 查看完整代码

2-11 是非颠倒(逻辑非操作符）

<!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,jq1;

numa=60;

numb=70;

jq1=  !(numa<numb)        ;

document.write("jq1的值是:"+jq1+"<br>")

</script>

</head>

<body>

</body>

</html>

2016-10-25 查看完整代码

2-10 我或你都可以 (逻辑或操作符）

<!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,jq1;

numa=50;

numb=55;

jq1=  numa>numb||numa==numb        ;

document.write("jq1的值是:"+jq1+"<br>")

</script>

</head>

<body>

</body>

</html>

2016-10-25 查看完整代码

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>

2016-10-25 查看完整代码

首页上一页 1 2 3 4 5 6 下一页尾页

热搜

最近搜索清空

xxxx3635041

JavaScript进阶篇