js---11运算符，流程控制，真假 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>
/*
var i = 0;
i++;
if( i === 5 ){
    i = 0;
}
i%=5;
*/
window.onload = function (){
    var aLi = document.getElementsByTagName('li');
    var arr = [ 'red', 'yellow', 'blue' ]；
    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 (){
            this.style.background = 'gray';
        };
        aLi[i].onmouseout = function (){
            this.style.background = arr[this.index%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;
        };
        
        aLi[i].checked = !aLi[i].checked;
        
        var a = 120<90 && 20;//前面不成立后面不执行
        var b = 120<90 || 20>200;//前面成立后面不执行
        var c = !!true;
        var d = !200;//！可以取反，还可以进行数据类型转换，任何类型都可以转成boolean类型，
    }
};
</script>
<style>
li { height:24px; margin-bottom:3px; list-style:none; }
</style>
</head>
<body>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>
var str = 'js';

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

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);
}

</script>

</head>

<body>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>

<script>
/*
    真假的问题：数据类型-数字（NaN）、字符串、布尔、函数、对象（element、[]、{}、null）、undefined
    真：非0的数字（正负数字是真）、非空字符串（空格是真）、true、函数、能找到的元素、数组、json
    假：0、NaN、空字符串''、false、不能找到的元素、null、undefined
*/
if( null ){
    alert('真');
}else{
    alert('假');
}
</script>

</head>

<body>
</body>
</html>

 

posted @ 2017-05-10 17:18  无天666  阅读(278)  评论(0)    收藏  举报