JavaScript 基础笔记 4流程控制

男娘i 2022-07-14 09:28 143阅读 0赞

运算符
    	算术：+ - * 、 %
    	赋值：= += -= *= /= %=
    	关系：< > <= >= == === != !==
    	逻辑：&&与 ||或
    	优先级：()
    
    流程控制
    	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;
    		};
    	}
    };

反选

流程控制