zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    CD4051
    sbit和sfr的定义
    EEPROM与FLASH的区别
    九LWIP学习笔记之最后的战役
    八LWIP学习笔记之用户编程接口(NETCONN)
    七LWIP学习笔记之传输控制协议(TCP)
    六LWIP学习笔记之用户数据报协议(UDP)
    java实现二叉查找树
    线程的锁对象
    MAP
  • 原文地址:https://www.cnblogs.com/yaowen/p/6837028.html
Copyright © 2011-2022 走看看