Lession02 分支语句和循环
2022-08-22 本文已影响0人
任人渐疏_Must
if-else
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>简单if语句</title>
</head>
<body>
<script>
//练习1
//var score;
/*prompt(text,defaultText) 用于显示可提示用户进行输入的对话框。该函数返回用户输入的字符串
text 可选。要在对话框中显示的纯文本。
defaultText 可选。默认的输入文本。
*/
//纯数字和纯数字字符串相比较，则将字符串数字隐式转换成数字再进行比较
// score=prompt("请输入小明的Html成绩","");
// if(score > 90){
// document.write("学的很好，奖励个本子，继续努力");
// }
//练习2
// var score1=100;//小明的html成绩
// var score2=72;//小明的音乐成绩
// if((score1>90 && score2>80) || (score1==100 && score2>70)){
// document.write("学的很好，奖励个本子，继续努力！");
// }
//练习3
// var score = 89;
// if(score>90){
// document.write("奖励本子，加油干");
// }else{
// document.write("回家把以前作业重做一遍！");
// }
//练习4
// var num1 = prompt("请输入第一个数字", "");
// var num2 = prompt("请输入第二个数字", "");
// if (num1 > num2) {
// document.write("第一次输入的" + num1 + "大");
// } else {
// document.write("第二次输入的" + num2 + "大");
// }
//练习5
var score=prompt("输入考试成绩","");
if(score>=90){
document.write("优秀");
}else if(score>=80){
document.write("良好");
}else if(score>=60){
document.write("中等");
}else{
document.write("差");
}
</script>
</body>
</html>
Switch
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>switch结构</title>
</head>
<body>
<script>
// var mingCi=2;
// switch(mingCi){
// case 1:
// document.write("出任武林盟主");
// break;
// case 2:
// document.write("出任武当掌门");
// break;
// case 3:
// document.write("出任峨眉掌门");
// break;
// default:
// document.write("被逐出师门");
// }
var month = prompt("请输入月份","");
month = parseInt(month);
switch(month){
case 1:
case 2:
case 3:
document.write("是春季");
break;
case 4:
case 5:
case 6:
document.write("是夏季");
break;
case 7:
case 8:
case 9:
document.write("是秋季");
break;
case 10:
case 11:
case 12:
document.write("是冬季");
break;
default:
document.write("请输入正确的月份");
}
</script>
</body>
</html>
for循环
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>for循环</title>
</head>
<body>
<script>
//输出三朵花
// document.write("<img src='img/rose.jpg' />");
// document.write("<img src='img/rose.jpg' />");
// document.write("<img src='img/rose.jpg' />");
//循环输出10朵花
/*
for (变量=初始值;变量<=终值;变量=变量+步长值)
{ 循环体}
for(初始化表达式;条件表达式;循环后的操作表达式) {
循环体;
}
*/
// for(var i = 0;i < 10; i++){
// document.write("<img src='img/rose.jpg' />");
// }
//练习1
// for(var i=0;i<=20;i++){
// document.write(i+" ");
// }
//练习2
// for(var i =2;i<=20;i+=2){
// document.write(i+" ");
// }
//案例，输入数字，显示花
// var num = prompt("请问你要送多少朵花呢","1");
// for(var i=1;i<=num;i++){
// document.write("<img src='img/rose.jpg' />");
// }
//案例 30-0
// for(var i = 30;i>=0;i--){
// document.write(i+" ");
// }
//九九乘法表
//i:代表行，j:代表列
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
document.write(i+"*"+j+"="+i*j+" ");
}
document.write("<br>");
}
</script>
</body>
</html>
do-while
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>do-while语句</title>
</head>
<body>
<script>
var i=1;
do{
document.write("打印"+i+"行效果<br>");
i++;
}while(i<=10);
document.write("-----------------------------------<br>");
//do-while 无论条件是否满足，最少执行一次
var j=11;
do{
document.write("打印"+j+"行效果<br>");
j++;
}while(j<=10);
document.write("-----------------------------------<br>");
//书中案例
document.write("<p>请输入几个字母看看效果</p>");
do{
var c;
c=prompt("请输入一个字母，输入N或者n结束：","B");
document.write("<span style='font-size: 36px; font-family: webdings; '>"+c+"</span>")
}while(c!="n" && c != "N");
</script>
</body>
</html>
while循环
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>while</title>
</head>
<body>
<script>
//循环中遇到了break 本循环就回终止并跳出循环体
while(true){
document.write("a<br>");
document.write("b<br>");
break;
document.write("c<br>");
document.write("d<br>");
}
document.write("---------------------------<br>");
//求1-100之和
var sum = 0;
var i=1;
while(i <= 100){
sum +=i;
i++;
}
document.write("sum="+sum+"<br>");
//continue:跳出本次循环，进行下次循环
//打印10以内的偶数
for(var i=1;i<=10;i++){
if(i%2==1){
continue;
}
document.write(i+" ");
}
</script>
</body>
</html>
Js函数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>函数</title>
<script>
/*
函数的语法：
function 函数名([参数列表]){
程序语句
[return 返回值；]
}
*/
//定义一个无参、无返回值的函数
function show(){
alert("今天心情不错！");
}
//定义有参数有返回值的函数
//求和的函数
function sumbetween(num1,num2){
var total=0;
var temp;
for(temp=num1;temp<=num2;temp++){
total += temp;
}
//函数的返回值
return total;
}
//2. 匿名函数 变量声明的方式声明函数
//注意：只能先声明后调用
var getName=function(){
console.log("这是个匿名函数");
}
//调用匿名函数
getName();
</script>
</head>
<body>
<p> <input type="button" value="点我" onclick="show();"> </p>
<p>
<script>
var sum = 0;
//调用函数
sum = sumbetween(1,100);
document.write("1-100的所有整数和："+sum);
</script>
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>理解参数</title>
<script>
/*
该方式的函数有“预加载”过程，允许我们先调用函数、再声明函数
预加载：代码先把函数的声明放入内存。代码开起来是先调用、后声明，本质是先声明、后调用的。
函数先调用，后声明的全部代码需要在同一个script标签中
function 函数名(形参1,形参2，形参3=’abc’){}
函数名(‘tom’,23,’beijing’);//传递实参信息
如果在调用时未提供实参，参数默认为undefined
我们定义的函数中有三个参数，在调用的时候未必一定要传递三个参数，
之所有这样，是因为javascript中的参数在内部是用一个数组来表示的
函数始终接受的是这个数组，而不关心这个数组中包含哪些参数，我们可以
利用arguments可以在函数里边接收实参信息。
*/
f1('张三',45,'西安');
f1("李四",20);
f1("王五");
f1(45,'北京','玛丽');
function f1(name,age,addr='宝鸡'){
console.log("个人信息：姓名："+name+" 年龄："+age+" 地址："+addr);
}
/*
function 函数名(){} //函数声明没有形参
函数名(实参，实参); //调用的时候有传递实参
利用arguments可以在函数里边接收实参信息。
*/
function f2(){
for(var i=0;i<arguments.length;i++){
document.write(arguments[i]+" ");
}
}
f2("张三",12);
f2("李四");
</script>
</head>
<body>
</body>
</html>
