If...Else、Switch、For循环、While循环

JavaScript If…Else语句

条件语句用于基于不同的条件来执行不同的动作。

if...else

1.if语句——只有当指定条件为true时,使用该语句来执行代码

语法:

    if(条件){
        只有当条件为true时执行的代码
    }

2.if...else语句——当条件为true时执行代码,当条件为false时执行其他代码

语法:

    if(条件){
        当条件为true时执行的代码
    }else{
        当条件不为true时执行的代码
    }

3.if...else if...else语句——使用该语句来选择多个代码块之一来执行

语法:

    if(条件 1){
        当条件 1 为true时执行的代码
    }else if(条件 2){
        当条件 2 为true时执行的代码
    }else{
        当条件 1 和条件 2 都不为true时执行的代码
    }

JavaScript Switch语句

选择语句switch语句用于基于不同的条件来执行不同的动作

语法:

    switch(n){
        case 1:
            执行代码块 1;
            break;
        case 2:
            执行代码块 2;
            break;
        default:
            n与case 1 和 case 2 不同时执行的代码;
    }

原理:首先设置表达式n(通常是一个变量)。随后表达式的值会与结构中的每个case作比较。如果存在匹配,则与该case关联的代码块会被执行。

break 用来阻止代码自动地向下一个case运行(否则执行完一个case会继续执行下一个case);default用来规定匹配不存在时做的事情。每个case后一定要加break;default相当于else

JavaScript For循环

循环可以将代码块执行指定的次数,主要用于数量方面有一定范围限制,为多个类似或同一类型的标签添加同样的或有规律可循的动作。

语法:

    for(表达式1;判断表达式2;表达式3){
        被执行的代码块
    }

表达式 1 在循环开始前执行;判断表达式 2 定义运行循环的条件;表达式 3 在循环已被执行后执行

(1)表达式1用来初始化所用的变量,可以初始化一个(或多个)值,它是可选的

    for(var i=0,len=cars.length;i<len;i++){
        alert(i);
    }

(2)表达式2用于评估初始变量的条件,它也是可选的;如果表达式2返回true,则循环再次开始,如果返回false,则循环将结束

如果省略表达式2,必须在循环内提供break,否则循环无法停止,可能造成浏览器崩溃

(3)表达式3会增加初始变量的值。增量可以是负数(i- -)或者更大(i=i+8)它也是可选的

JavaScript While循环

只要指定条件为true,循环就可以一直执行代码,可能导致浏览器崩溃

while循环

语法:

    while(){
        需要执行的代码
    }
do/while循环

do/while循环是while循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环

语法:

    do{
        需要执行的代码
    }
    while(条件)        

JavaScript Break和Continue语句

break语句

break语句用于跳出循环。break语句跳出循环后,会继续执行该循环之后的代码(如果有)。

continue语句

continue语句用于跳过循环中的一个迭代。continue语句中断循环中的迭代,如果出现了指定条件,然后继续循环中的下一个迭代。

JavaScript常用事件

onblur                元素失去焦点

onchange            用户改变域的内容

onclick                鼠标单击某个对象

ondblclick            鼠标双击某个对象

onerror                当加载文档或图像时发生某个错误

onfocus                元素获得焦点

onkeydown            某个键盘的键被按下

onkeypress            某个键盘的键被按下或按住

onkeyup                某个键盘的键被松开

onload                某个页面或者图像被完成加载

onmousedown            某个鼠标按键被按下

onmousemove            鼠标被移动

onmouseout            鼠标从某个元素移开

onmouseover            鼠标被移到某个元素之上

onmouseup            某个鼠标按键被松开