收藏
批改状态：未批改
老师批语：
今天是对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>点击 "运行实例" 按钮查看在线实例
总结：虽说都是基础的东西，但还是要牢牢掌握的，在课堂上听老师讲，感觉自己会了，但是到了自己实际动手操作时，还是感觉有点懵。总之，还是要多加练习、深入理解。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
