开发工具与关键技术:Adobe Dreamweaver CC 2019
撰写时间:2020年4月22日
在js中控制语句分为三种:
1、 顺序结构;
按照顺序一条一条执行代码,从上往下
2、 分支结构
执行代码的时候,可以根据条件进行选择,条件越多对应的结果越多,分支也就越多,
3、 循环结构
用来重复不断的做一件事
分支结构:
If(条件){
条件成立时执行的代码
}else{
条件不成立执行的代码
}
例:if(3<2){
alert(“3是小于4的”);
}
else{
alert(“3是大于2的”);
}
也有多重条件判断
var num=78.5;
if(num>=80){
alert(“当前处于优异状态”);
}else if(num>=60&&num<=79.9){
alert(“当前处于中等状态”);
}else{
alert(“当前处于中等偏下状态,好好努力”);
}
循环结构:
一般写法:for(var i=0;i<10;i++){
循环体;
}
例:
function btnOnlick(){
var btnBox = document.getElementById(“btnBox”).getElementsByTagName(“li”);
for(var i=0;i<btnBox.length;i++){
if(btnBox[i].className==“active”){
btnBox[i].className="";
break;
}
}
btnBox[index-1].className = “active”;
}
先判断是否当前按钮是否具有active这个类名
如果没有就当我点到任意按钮时追加active的类名,
随之取消之前按钮的类名,之后就退出循环