…操作函数:
1.获取元素:
var num = document.getElementById(“num”);
var btn = document.getElementById(“btn”);
var output = document.getElementById(“output”);
2.定义函数:
fuction函数名(){需要执行的代码;}
获取文本框的值;
3.将函数绑定给按钮点击事件:
第一种方法:οnclick=“函数名()”
在需要点击事件的标签内进行绑定
第二种方法:id名.onclick = 函数名
在script标签内进行点击事件绑定
第三种写法:id名.onclick = function(){函数内要执行的代码}
在定义函数时就将需要点击事件的标签进行绑定
if语句:
单分支 if(条件){满足条件执行这里的代码}
双分支 if(条件){满足条件执行这里的代码}else{不满足条件执行这里的代码}
三元运算:用于双分支情况
条件?满足条件执行这里的代码: 不满足条件执行这里的代码多分支 if(条件1){满足条件1执行这里的代码}
else if(条件2){满足条件1执行这里的代码}
else{不满足条件执行这里的代码}
注意:能写清楚条件,尽量把条件写清楚。
switch语句:
switch(变量 || true){
case 值1 || 条件表达式:
当满足值1时,执行这里代码;
break;
case 值2 || 条件表达式:
当满足值2时,执行这里代码;
break;
case 值3 || 条件表达式:
当满足值3时,执行这里代码;
break;
......
default:
所有值都满足时,执行这里的代码;
}
注意事项;
switch判断值相等时是利用全等于,值及类型都必须一致
每个case语句执行代码完毕后,记得break。
循环语句:
- 在给定条件成立时,反复执行某程序段。==> 死循环
- 直到不满足条件为止
- 循环三要素:
- 变量的初始化
- 循环条件
- 对变量的更新
1.while循环
变量初始化;
while(条件){
满足条件执行的代码;
变量更新;
}
2.do{执行的代码}while(条件)
格式:
变量初始化
do{执行的代码;变量更新}while(条件)
特点:先do一遍,再判断条件
3.for(){}
格式:
for(变量初始化;条件;变量更新){
要执行的代码;
}
- 1.循环嵌套
特点:每次内层循环执行完毕后,外层循环的值才变动一次
控制台手动跑程序:f12-source-打断点-watch(添加你想观察的变量)-f10(step over 跳过一个函数)、f11(step into进入一个函数)
- 2.语句中的关键字:break、continue
1.break 结束当前的整个循环
2.continue 跳过当前的本次循环,进入下一次循环
* 在多层循环嵌套中,一个break语句只向外跳一层循环。
* break和continue后如果带标识,则跳出标识所在循环
wrap:for(var i=1;i<=3;i++){
inner:for(var j=1;j<=3;j++){
if(j==2){
break wrap;
}
document.write(i+","+j+"<br/>");
}
}