JavaScript 基础语法二

1、关系运算符

      大于‘>’，大于等于‘>=’，小于‘<’，小于等于‘<=’，等于‘==’‘===’，不等于‘!=’‘!==’，关系运算符的返回值为布尔类型 true 或 false。

      例:  var a = 5 > 3; alert(a);   5>3是正确的，所以alerta(a)为true。

             var a = 5 >= 3;alert(a);  5>=3是正确的，所以alert(a)为true。

    ‘==’和‘!=’进行关系运算时，如果类型不相同时，先转换类型再做值比较。

      例；var a = 10 == '10';alert(a); 类型不一样，先转换为Number类型然后比较 ，true。

              var a = 5 != '5';alert(a); 也是先转换类型后比较，false。

     ‘===’和‘！===’只有在类型相同的情况下才会比较

       例：var a = 5 === '5';alert(a);  此时左右的类型不相同，故结果为false。

               var a = 5 !== '5';alert(a);   此时左右的类型不相同，即左右两边不等，为true。

 

2、逻辑运算符

      逻辑与 &&，逻辑或||，逻辑运算符的返回结果为布尔类型。

      逻辑与&&：只有所有的表达是结果为真时，整个逻辑表达式的结果才为真，否则为假。

      例：var a = 5 > 3 && 2 <4; alert(a);5>3和2<4都为真，所以整个表达式的结果为真。

             var a = 3 >= 3 && -1>0; aletrt(a);  true;

      逻辑或||：所有的表达式中只要有一个表达式，即为真，狗则为假

 

3、if分支语句

      程序的三种结构：

                 顺序结构：从上到下，顺序执行

                 分支结构：先判断条件，条件成立，执行分支语句

                 循环结构：当前条件满足的情况下，重复执行某一代码

      if （条件表达式）{

             语句1

       } else{

              语句2

       }；

 

4、switch分支

     switch（表达式）{

                   case 值1；

                   语句1；

                    break；

                 case 值2；

                   语句2；

                    break；

                   case 值3；

                   语句3；

                    break；

                   ......

         default：

                    break；

      }

      根据表达式的值查找相应的case分支，并执行该分支语句，如果没有找到对应的case分支，则会默认执行default分支。

      在switch分支语句用中，break语句用来结束分支语句。

 

5、三目运算符

      var a = 20, b = 20 ,c = 0;

      c = a > b ? a : b;    // a与b比较，如果a>b，则把a的值赋给c，如果a比b小，就把b的值赋给c。

      alert(c);

6、window.onload

     window.onload = function(){

          alert('加载完成')；

     }

     window.onload 事件会等到页面内容包括图片的所有元素加载完成之后在执行