JavaScript 基础笔记 4流程控制

运算符
	算术：+ - * 、 %
	赋值：= += -= *= /= %=
	关系：< > <= >= == === != !==
	逻辑：&&与 ||或
	优先级：()

流程控制
	if(){}
	if(){}else if(){}else{};
	switch(case break continue default)
	12<45?alert(true):alert(false); 
循环
	var i=0;while(i<3){i++;}
	for(var i=0;i<3;i++){}
真假的问题
	真：非0的数字,非空的字符串,true,function,能找到的元素,[],{}
	假：0,NaN,空字符串,false,不能找到的元素,null,未定义

变色

/*
var i = 0;
i++;
if( i === 5 ){
	i = 0;
}
i%=5;
*/
window.onload = function (){
	var aLi = document.getElementsByTagName('li');
	var arr = [ 'red', 'yellow', 'blue' ];
	
	for( var i=0; i<aLi.length; i++ ){
		
		aLi[i].index = i;
		
		aLi[i].style.background = arr[i%arr.length];
		
		aLi[i].onmouseover = function (){
			this.style.background = 'gray';
		};
		aLi[i].onmouseout = function (){
			this.style.background = arr[this.index%arr.length];
		};
	}
};

/*
var i = 0;
i++;
if( i === 5 ){
	i = 0;
}
i%=5;

a = a + b;
a += b;

'200'==200、!=
'200'===200、!==

*/

var s = 3605;			// 秒
alert( Math.floor(s/60) + '分' + s%60 + '秒'  );

window.onload = function (){
	var aLi = document.getElementsByTagName('li');
	var arr = [ 'red', 'yellow' ];
	var str = '';
	
	for( var i=0; i<aLi.length; i++ ){
		
		aLi[i].index = i;
		
		aLi[i].style.background = arr[i%arr.length];
		
		aLi[i].onmouseover = function (){
			str = this.style.background;						// 先存颜色
			this.style.background = 'gray';
		};
		aLi[i].onmouseout = function (){
			// this.style.background = arr[this.index%arr.length];
			this.style.background = str;
		};
	}
};

反选

	var aInp = document.getElementsByTagName('input');
	
	// aInp[1].checked = false;
	// aInp[2].checked = true;
	
	aInp[0].onclick = function (){
		for( var i=1; i<aInp.length; i++ ){
			aInp[i].checked = !aInp[i].checked;
			/*
			if( aInp[i].checked ) {
				aInp[i].checked = false;
			} else {
				aInp[i].checked = true;
			}
			*/
		}
	};

流程控制

var str = 'js';
/*
if ( str === 'js' ) {
	alert( 'js' );
} else if ( str === 'html' ) {
	alert( 'html' );
} else {
	alert( str );
}

switch( str ){
	case 'js' : 
		alert( 'js' ); break;
	case 'html' : 
		alert( 'html' ); break;
	default :
		alert( str );
}
*/

if ( 12<45 ) {
	//alert( '12<45' );
} else {
	//alert( '12!<45' );
}

// 120<45 ? alert( '120<45' ) : alert( '120!<45' );

// alert( 120<450?'120<450':'120!<450' );

/*
var i=0;
while (i<3){
	alert(i);
	i++;
}
*/

for(var i=0; i<6; i++){
	if( i == 4 ){
		// break;						// 跳出
		continue;				// 跳过
	}
	// alert(i);
}
// i => 4