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 事件会等到页面内容包括图片的所有元素加载完成之后在执行