Bootstrap

分支循环语句

…操作函数:

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){
	case1 || 条件表达式:
	     当满足值1时,执行这里代码;
	break;
	case2 || 条件表达式:
	     当满足值2时,执行这里代码;
	break;
	case3 || 条件表达式:
	     当满足值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/>"); 
            }
          }
;