今天发现之前学的爱前端的课中JS部分函数等不全，果断换了一个课——渡一的《Web前端开发JavaScript高薪课堂》接着学习，不过废话有点多
1、条件语句
语法：
1、单if，条件成立，执行语句体
if (条件）{
语句体;
}
2、if else，条件成立，执行if后的语句体，否则执行else的语句体
if (条件）{
语句体;
}else {
语句体;
}
3、if else if，条件成立，执行if后的语句体，否则执行else 边if的条件是否成立，如果成立执行if的语句体，最后如果有else，执行else后的语句体，否则结束
if (条件）{
语句体;
}else if（）{
语句体;
}
else {
语句体;
}
注意 {}后边没有分号
实例，输入一个分数，看看能去哪家公司
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var score = parseInt(window.prompt("请输入得分："));
// 90-100 alibaba
//80-90 tencent
//70-80 baidu
//60-70 mogujie
//<60 自己玩
if(score > 90 && score <=100) {
document.write("alibaba");
} else if(score>80 && score <= 90){
document.write("tencent")
} else if(score>70 && score <= 80){
document.write("baidu")
} else if(score>60 && score <= 70){
document.write("mogujie")
} else if(score<= 60){
document.write("for youself")
} else {
document.write("error")
}
</script>
</body>
</html>if语句与&& 的转换
下边这两句话是等价的
if(1<2){ document.write("if语句输出"); }
1<2 && document.write("相当于if语句输出");循环语句
语法
for（var i = min；i < max; i++){
语句体;
}
min是起始值 max是结束值 ，i++是变量的变化方式
实例
打印10个a
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
for(var i = 0; i < 10; i++){
document.write("a");
}
</script>
</body>
</html>结果
for循环也可以这样写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var i = 0
for(; i < 10; ){
document.write("a");
i++;
}
</script>
</body>
</html>输出结果相同
等价与while循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>while循环</title>
</head>
<body>
<script>
var i = 0;
while(i < 10){
document.write(i);
i++;
}
</script>
</body>
</html>结果
另外还有do while循环，不常用
内容来源于网络如有侵权请私信删除
文章来源: 博客园
- 还没有人评论，欢迎说说您的想法！
客服
