day03 for循环语句（关键词continue和break）、累加、点击事件

一、for循环语句

for循环基础语法

• 定义初始值
• 制定循环条件，条件成立就执行循环语句
• 循环体（大括号里边就是）
• 定义的初始值累计操作

for语句正序、倒序和输出奇数项

var ary = [1, 2, 3]; 
// 依次打印里边的每一项
var num = ary.length; 
for (i=0; i<num; i++) {

    console.log(ary[i]);

}
// 倒序输出每一项
for (i = num-1; i>=0; i--) {

    console.log(ary[i]);

}
// 打印奇数项
for (i=0; i<num; i++) {

    // 取余%
    if (i % 2 == 0) {
        console.log(ary[i]);
    }

}
for (i=0; i<num; i+=2) {

    console.log(ary[i]);

}
for (i=0; i<num; i++) {

    console.log(ary[i*2]);

}

二、累加符号（在前、在后的区别）

• 无论是i还是i，最终i的值都是3；
• var b = i++; 加号在后面，i先赋值再++；
• var b = ++i; 加号在前面，i先++再赋值;
• 累减则类似。

// 累加符号
// 无论是++i还是i++，最终i的值都是3；
// var b = i++; 加号在后面，i先赋值再++；
// var b = ++i; 加号在前面，i先++再赋值。
var i = 2; 
var b = i++; 
console.log("i" + ":" + i + "  " + "b" + ":" + b); 
var s = 2; 
var c = ++s; 
console.log("s" + ":" + s + "  "  + "c" + ":" + c);

！！赋值的顺序，自右向左；计算的顺序自左向右。

var a = 1;
var b = a-- + --a; // --放前边，先看--a（0）；
document.write(b); // 0（0 + 0）
document.write(a); // -1（首先--a=0，然后a-- = -1 ）

var x = 911 + "Porsche";
"911Porsche"
var x = "Porsche" + 911;
"Porsche911"
var x = 911 + 7 + "Porsche";
"918Porsche"
var x = "Porsche" + 911 + 7;
"Porsche9117"

三、两个重要的关键词

• continue：结束本次循环，继续下一轮循环；
• break**：强制结束整个循环。**

for(var i=1; i<=10; i+=2){

    if(i<=5){
       i++;//
       continue;
    }else{
       i-=2;
       break;  // 强制结束整个for循环
    }
    i--;
    console.log(i);


}
console.log(i); // 5

四、绑定鼠标点击事件

• 鼠标划上事件 onmouseover
• 鼠标离开事件 onmouseout

  鼠标事件！！

1. click 单击鼠标左键时发生，如果右键也按下则不会发生。当用户的焦点在按钮上并按了 Enter 键时，同样会触发这个事件；
2. dblclick 双击鼠标左键时发生，如果右键也按下则不会发生；
3. mousedown 单击任意一个鼠标按钮时发生；
4. mouseup 松开任意一个鼠标按钮时发生；
5. mouseover 鼠标指针移出某个元素到另一个元素上时发生；
6. mouseout 鼠标指针位于某个元素上且将要移出元素的边界时发生；

7. mousemove 鼠标在某个元素上时持续发生； ```javascript

   box
   box
   box

<a name="de16003d"></a>
#### innerHTML和innerText的区别

- innerHTML 可以识别标签
- innerText 只能识别文本，不能识别标签

<a name="4ffd74c5"></a>
### 通过标签名获取到类数组

• 1
• 2
• 3

隐藏

• 元素垂直居中（块级元素、行内元素、图片、多行文本垂直居中）
• 元素垂直居中（块级元素、行内元素、图片、多行文本垂直居中）
• 元素垂直居中（块级元素、行内元素、图片、多行文本垂直居中）
• 元素垂直居中（块级元素、行内元素、图片、多行文本垂直居中）
• 元素垂直居中（块级元素、行内元素、图片、多行文本垂直居中）
• 元素垂直居中（块级元素、行内元素、图片、多行文本垂直居中）