<!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>

js---11运算符，流程控制，真假的更多相关文章

  1. JS基本数据类型&流程控制

    JS基本数据类型 number     -----  数值 boolean    -----  布尔值 string     -----  字符串 [x,y] -------数组 undefined  ...

  2. 12 (H5*) JS第二天 流程控制：顺序结构、分支结构、循环结构

    目录 1:一元运算符 2:流程控制 3:分支之if语句 4:分支之if-else语句 5:分支语句之三元运算符 6:if和else if语句 7:switch-case语句 8:while循环 9:d ...

  3. python的学习笔记01_3 基本运算符 流程控制if while 字符串常用办法

    基本运算符 运算符 计算机可以进行的运算有很多种,可不只加减乘除这么简单,运算按种类可分为算数运算.比较运算.逻辑运算.赋值运算.成员运算.身份运算.位运算,今天我们暂只学习算数运算.比较运算.逻辑运 ...

  4. day04 运算符 流程控制 （if while/of）

    1. 运算符算数运算符 + - * / int / float :数字类型 # print(10 + 3.1)# print(10 / 3)# print(10 // 3)# print(10 % 3 ...

  5. <基础> PHP 运算符 流程控制

    PHP运算符优先级: 递增/递减 (++ / --) > 算术运算符(+ .- .* ./) > 大小比较 > 逻辑与 (&)> 逻辑或(||) > 三目 > ...

  6. python - 用户交互/数据类型/格式化输出/运算符/流程控制单双多分支

    python:用户交互: 等用户输入,做反应: username=input("username:")password=input("password:")pr ...

  7. js数据类型转换 ----流程控制

    数据类型转换: //number转换成str // var str=a+''; // console.log(str); // console.log(typeof str); //转换成字符串了 v ...

  8. day52类型转换 运算符 流程控制

    0.复习 1.导入 <div id="div1" onclick="this.style.color = 'red';">12345</div ...

  9. 现代JS中的流程控制：详解Callbacks 、Promises 、Async/Await

    JavaScript经常声称是_异步_.那是什么意思?它如何影响发展?近年来这种方法有何变化? 请思考以下代码: result1 = doSomething1(); result2 = doSomet ...

  10. js 中的流程控制—while和do while

    while语句: while(exp){  }如果为true ,执行代码块里的语句,如果为false,跳出循环 <script> var i =1 ; while (i<10){ / ...

随机推荐

  1. Case study: word play

    For the exercises in this chapter we need a list of English words. There are lots of word lists avai ...

  2. YYDispatchQueuePool阅读笔记

    阅读了开源大神的YYDispatchQueuePool,在此记下一些从中学到的东西. 首先YYDispatchQueuePool.m文件中有如下类型对应: static inline dispatch ...

  3. codeforces 495D Sonya and Matrix

    Since Sonya has just learned the basics of matrices, she decided to play with them a little bit. Son ...

  4. 对OC中property的一点理解

    最近在看即将要加入的项目的代码,看到一个protocol里包含着几个property.之前没有写过类似的代码,看到这里的时候,突然疑惑了一下,发现自己对property的理解好像有点模糊.所以回家后又 ...

  5. BZOJ 3786: 星系探索 欧拉游览树

    一个叫 Euler-Tour-Tree 的数据结构,说白了就是用 Splay_Tree 维护欧拉序 #include <cstring> #include <algorithm> ...

  6. Vector源码学习

    安全的可增长数组结构 实现: 1. 内部采用数组的方式. 1.1 添加元素,会每次校验容量是否满足, 扩容规则有两种,1.增加扩容补偿的长度,2.按照现有数组长度翻一倍.容量上限是Integer.MA ...

  7. CF 414B Mashmokh and ACM 动态规划

    题意: 给你两个数n和k.求满足以下条件的数列有多少个. 这个数列的长度是k: b[1], b[2], ……, b[k]. 并且 b[1] <= b[2] <= …… <= b[k] ...

  8. JAVA利用反射映射JSON对象为JavaBean

    关于将JSONObject转换为JavaBean,其实在JSONObject中有对于的toBean()方法来处理,还可以根据给定的JsonConfig来处理一些相应的要求,比如过滤指定的属性 //返回 ...

  9. hibernate session.save()和session.persist()的区别

    save()需要返回一个Serialzable的实现类,因此执行这个方法时会马上插入到数据库 而persist()不会立即插入到数据库. "当我们封装一个长会话流程的时候,persist() ...

  10. [BZOJ4026]dC Loves Number Theory 欧拉函数+线段树

    链接 题意:给定长度为 \(n\) 的序列 A,每次求区间 \([l,r]\) 的乘积的欧拉函数 题解 考虑离线怎么搞,将询问按右端点排序,然后按顺序扫这个序列 对于每个 \(A_i\) ,枚举它的质 ...