博客列表 >JS的基础——switch语句 、循环语句及函数(Function)的学习-2019年3月26日20时00分

JS的基础——switch语句 、循环语句及函数(Function)的学习-2019年3月26日20时00分

多@点的博客
多@点的博客原创
2019年03月27日 19:03:18924浏览

今天是对JavaScript的基础--switch语句 、循环语句及函数(Function)的学习,下面是我根据老师课堂上的内容所做的练习:

1.练习

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JavaScript 第二章</title>
	<link rel="icon" type="image/x-icon" href="static/images/favicon.ico">
</head>
<body>
	<script>
     // switch语句
        var num=1;
        switch(num){
        	case 1:document.write('我是甲');
        	break;
        	case 2:document.write('我是乙');
        	break;
        	case 3:document.write('我是丙');
        	break;
        	case 4:document.write('我是丁');
        	break;
        	default:document.write('我什么都不是');
        }
        document.write('<hr>');

     // 循环语句
        var i=1;
        var num=0;
        for(i;i<=10;i++){
        	num++;
        	document.write(num+'<br>');
        }
        document.write('<hr>');

        // 九九乘法表
          for(var i=1;i<=9;i++){
          	for(var j=i;j<=9;j++){
          		var kong="   ";
          		if(i*j<10){
          			// kong="     ";
          			kong+="  ";
          		}
          		document.write(i+'x'+j+'='+(i*j)+kong);
          	}
          	document.write('<br>');
          }
          document.write('<hr>');

          // while循环
          var i=1;
          while(i<=10){
          	document.write(i+'<br>');
          	i++;
          }
          document.write('<hr>');

          // do..while循环
          var i=1;
          do{
          	document.write(i+"<br>");
          	i++;
          }while(i<=10);
          document.write('<hr>');

          // for/in循环
          var week=['周一','周二','周三','周四','周五','周六','周日'];
          var x;
          for(x in week){
          	document.write(week[x]+'<br>');
          }
          document.write('<hr>');

          // break和continue
          for(var i=1;i<=10;i++){
          	if(i==5){
          		break;
          	}
          	document.write(i+'<br>');
          }
          document.write('<hr>');

          for(var i=1;i<=10;i++){
          	if(i==5){
          		continue;
          	}
          	document.write(i+'<br>');
          }

	</script>


</body>
</html>

运行实例 »

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

1.jpg

2.jpg

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JavaScript 第二章</title>
	<link rel="icon" type="image/x-icon" href="static/images/favicon.ico">
</head>
<body>
	<script>
	// 函数:function
        function num(){
          	var i=1;
            var num=0;
            for(i;i<=10;i++){
        	   num++;
        	   document.write(num+'<br>');
             }
          }
          num();

          var x=function(){
          	document.write('我是无忌哥哥');
          }

          var obj=new Function(document.write('我是无忌哥哥'));
          obj();

          document.write('<hr>');

          function ob(x,y){
          	document.write(x*y);
          }
          ob(5,8);

          document.write('<hr>');

          function a(b,c){
          	document.write('欢迎来到php中文网!');
          	return b+c;
          	document.write('欢迎来到html中文网!');
          }
          document.write(a(234,156));
	</script>
</body>
</html>

运行实例 »

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

3.jpg


2.JS打印九九乘法表

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JavaScript 第二章</title>
	<link rel="icon" type="image/x-icon" href="static/images/favicon.ico">
</head>
<body>
	<script>
     // JS打印九九乘法表
        for(var i=1;i<=9;i++){
          	for(var j=1;j<=i;j++){
          		var kong="   ";
          		if(i*j<10){
          			kong+="  ";
          		}
          		document.write(j+'x'+i+'='+(i*j)+kong);
          	}
          	document.write('<br>');
          }
	</script>
</body>
</html>

运行实例 »

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

4.jpg


3.用*号在页面中输出一个三角形

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JavaScript 第二章</title>
	<link rel="icon" type="image/x-icon" href="static/images/favicon.ico">
</head>
<body>
	<script>
        // 用*号在页面中输出一个三角形
           var i=1;
           while(i<=10){
              var a=10;
              while(a<=10 && a>i){
                 document.write('&nbsp;');
                 a--;
              }
              var b=1;
              while(b<=i){
                 document.write('*'+'&nbsp; ');
                 b++;
              }
              i++;
              document.write('<br>');
           }

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

运行实例 »

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

6.jpg


总结:虽说都是基础的东西,但还是要牢牢掌握的,在课堂上听老师讲,感觉自己会了,但是到了自己实际动手操作时,还是感觉有点懵。总之,还是要多加练习、深入理解。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议