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>
  • 相关阅读:
    ReadMe文档编写规范
    记录配置GPU遇到的问题
    文本分类流程详细总结(keras)
    打包 SyntaxError:Cannot use import statement outside a module browser_init.js
    SQLServer 转mysql
    Sql Server 查询某月有多少天
    nodejs http是使用异步方式调用接口,通过此方法可以实现同步调用
    linux 编译安装amqp扩展
    记一次 hadoop does not have enough number of replicas问题处理
    ldap+squid 实现
  • 原文地址:https://www.cnblogs.com/yaowen/p/6837028.html
Copyright © 2011-2022 走看看