今天是对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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
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(' '); a--; } var b=1; while(b<=i){ document.write('*'+' '); b++; } i++; document.write('<br>'); } </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
总结:虽说都是基础的东西,但还是要牢牢掌握的,在课堂上听老师讲,感觉自己会了,但是到了自己实际动手操作时,还是感觉有点懵。总之,还是要多加练习、深入理解。